/* ---- navbar：深色半透明背景（含毛玻璃） ---- */
  .lq-header{
    background:rgba(13,9,6,.55);backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .lq-header.scrolled{background:rgba(13,9,6,.85)}

  /* ---------- hero ---------- */
  .lq-hero{display:block}
  .hero-script{font-family:"Pinyon Script",cursive;color:var(--gold);font-size:clamp(32px,3.6vw,48px);line-height:1.1;margin-bottom:6px}
  .lq-hero h1{font-weight:600}
  .lq-hero .desc{line-height:2.1}

  .lq-section{padding:96px 0}
  /* steps→cases を1つの連続グラデーションに（上部が最も明るく下部が最も暗い） */
  .sec-flow{background:linear-gradient(180deg,#3b2b17 0%,#2e2012 28%,#21160d 60%,#140e07 82%,#0d0905 100%)}
  .sec-steps,.sec-cases{background:transparent}
  .sec-stats{background:linear-gradient(120deg,#0c0805,#181008 70%,#0c0805)}

  .head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}

  /* ---------- world market（地図を板块全体の背景に） ---------- */
  .sec-market{position:relative;background:#0c0805;overflow:hidden;padding:0}
  .market-bg{position:absolute;inset:0;z-index:0}
  .market-bg img{width:100%;height:100%;object-fit:cover;object-position:center right}
  /* 背景・バナーの遮罩をすべて除去し原図を表示 */
  body.grain::after{display:none}
  .lq-hero::after{background:none}
  /* hero画像の下端にある元画像の白い余白（約1.1%）を拡大クロップで隠す */
  .lq-hero .hero-bg img{transform:scale(1.015);transform-origin:center top}
  .market-bg::after{background:none}
  .market-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,440px) 1fr;align-items:center;min-height:0}
  .sec-market{aspect-ratio:1440/472}
  .market-copy{padding:24px 0}
  .market-copy p{color:#cbbfa5;margin:12px 0 18px;max-width:420px;line-height:1.8;font-size:14px}
  .market-copy .lq-eyebrow{margin-bottom:10px}
  .market-copy .lq-h2{font-size:clamp(23px,2.5vw,36px)}
  .market-copy .lq-rule{margin:12px 0}
  .market-copy .btn{padding:11px 24px}

  /* ---------- steps（暖棕渐变背景・カード密着・ゴールド枠） ---------- */
  .steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:54px;border:1px solid rgba(200,161,90,.5);border-radius:6px;overflow:hidden}
  .lq-step{position:relative;display:flex;align-items:center;justify-content:center;padding:0;min-height:300px;border:none;border-radius:0;background:none}
  .lq-step + .lq-step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(201,162,92,.7);box-shadow:0 0 6px rgba(200,161,90,.25);z-index:4}
  .lq-step .step-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
  .lq-step .step-bg img{width:100%;height:100%;object-fit:cover}
  .lq-step .step-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,9,5,.68) 0%,rgba(14,9,5,.78) 50%,rgba(14,9,5,.94) 100%)}
  .lq-step .step-inner{position:relative;z-index:1;padding:24px 16px;text-align:center;width:100%}
  .lq-step .step-inner .ic{display:grid;place-items:center;margin-bottom:14px}
  .lq-step .step-inner .ic svg{width:40px;height:40px}
  .lq-step h4{font-size:16px;letter-spacing:.04em;margin-bottom:10px;color:#f3ece0}
  .lq-step p{font-size:12.5px;line-height:1.85;margin-top:0;color:#cabf9f}
  .lq-step .arrow{right:-11px;color:#d8b46a;z-index:5;filter:drop-shadow(0 0 4px rgba(200,161,90,.5))}
  .lq-step .arrow svg{width:22px;height:22px}

  /* ---------- case cards ---------- */
  .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px}
  .case-card{display:grid;grid-template-columns:.92fr 1.08fr;border:1px solid var(--line-gold);border-radius:4px;overflow:hidden;min-height:236px;background:linear-gradient(160deg,rgba(38,28,17,.85),rgba(18,13,8,.92));transition:transform .5s,box-shadow .5s,border-color .5s}
  .case-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -28px rgba(0,0,0,.9);border-color:rgba(200,161,90,.6)}
  .case-card .case-img{overflow:hidden;position:relative}
  .case-card .case-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
  .case-card:hover .case-img img{transform:scale(1.06)}
  .case-body{padding:26px 22px;display:flex;flex-direction:column;justify-content:center}
  .case-tag{font-family:var(--latin);font-size:12px;letter-spacing:.22em;color:var(--gold);display:block;margin-bottom:12px}
  .case-body h3{font-family:var(--serif);font-size:18px;line-height:1.5;margin-bottom:12px}
  .case-body p{font-size:12.5px;color:#ab9e84;line-height:1.9}

  /* ---------- brand strip（設計図：薄いベージュ地に濃いロゴ） ---------- */
  .brand-strip{padding:66px 0;background:#e9e1d3;border-top:1px solid rgba(120,90,45,.18);border-bottom:1px solid rgba(120,90,45,.18)}
  .brand-strip h2{color:#2b2317!important;text-align:center;margin-bottom:8px}
  .brand-strip .brands{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:30px 18px;margin-top:30px;color:#241d12}
  .brand-strip .brand{flex:0 0 auto;font-family:var(--latin);font-weight:600;font-size:22px;letter-spacing:.16em;white-space:nowrap;color:#241d12}
  .brand-strip .brand small{display:block;font-family:var(--latin);font-size:10px;letter-spacing:.22em;font-weight:600;opacity:.78;color:#241d12}
  .brand-strip .brand .ja-sub{font-family:var(--serif);font-size:15px;font-weight:700;color:#241d12}
  .brand-strip .brand.vertical{display:flex;align-items:center;gap:10px}
  .brand-strip .brand.vertical small{text-align:left;line-height:1.35}
  .brand-strip .brand.b-italic{font-style:italic}
  .brand-strip .brand.b-sm-tight{font-size:18px;letter-spacing:.08em}
  .brand-strip .brand.b-sm-wide{font-size:18px;letter-spacing:.1em}
  .brand-strip .brand.b-etc{font-size:30px;opacity:.55}
  .brand-strip .brand.has-logo{display:inline-flex;align-items:center;justify-content:center}
  .brand-strip .brand-logo{
    max-height:110px;max-width:330px;width:auto;height:auto;
    object-fit:contain;display:block;
  }

  /* ---------- stats ---------- */
  .stats-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:center}
  .stats-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px}
  .lq-stat .stat-ic{color:var(--gold);margin-bottom:14px}
  .lq-stat .stat-ic svg,.lq-stat .stat-ic img{width:34px;height:34px;object-fit:contain}
  .lq-stat .lbl{font-size:13px;color:#c9bda3;margin-bottom:10px}
  .lq-stat .num{display:flex;align-items:baseline;gap:4px}
  .thought{display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center}
  .thought h3{font-family:var(--serif);font-size:22px;margin-bottom:16px;letter-spacing:.06em}
  .thought p{font-size:14px;color:#b6a98e;line-height:2.1}
  .thought img{border-radius:4px;border:1px solid var(--line-gold);aspect-ratio:1;width:100%;object-fit:cover}

  /* ---------- desktop：海外市場テキストを30%下へ＋15%拡大 ---------- */
  @media(min-width:1281px){
    .market-inner{align-items:start}
    .market-copy{position:relative;top:30%;padding:0}
    .market-copy .lq-eyebrow{font-size:13.8px}
    .market-copy .lq-h2{font-size:clamp(26.5px,2.875vw,41.4px)}
    .market-copy p{font-size:16.1px}
    .market-copy .btn{font-size:17.25px}
  }

  /* ---------- mobile ---------- */
  @media(max-width:900px){
    .lq-section{padding:64px 0}
    .sec-market{aspect-ratio:auto;padding:64px 0}
    .market-bg img{object-fit:cover;object-position:center}
    .market-inner{grid-template-columns:1fr;min-height:320px}
    .steps-grid{grid-template-columns:1fr;gap:18px;border-radius:6px}
    .lq-step{min-height:240px;border:1px solid rgba(200,161,90,.4);border-radius:6px}
    .lq-step + .lq-step::before{display:none}
    .cases-grid{grid-template-columns:1fr}
    .case-card{grid-template-columns:1fr;grid-template-rows:200px auto}
    .stats-grid{grid-template-columns:1fr;gap:44px}
    .stats-list{grid-template-columns:repeat(2,1fr);gap:30px 18px}
    .thought{grid-template-columns:1fr;gap:22px}
    .thought img{max-width:240px}
    .brand-strip .brands{flex-wrap:wrap;justify-content:center;gap:26px 30px}
  }
  @media(max-width:560px){
    .stats-list{grid-template-columns:1fr}
    .brand-strip .brands{gap:22px 24px;justify-content:center}
    .brand-strip .brand-logo{max-height:72px;max-width:220px}
  }