:root{
    --white:#FFFFFF;
    --paper:#FBF9F5;
    --greige:#F0EDE6;
    --line:#E6E1D6;
    --line-soft:#EFEBE2;
    --warmgray:#9A9287;
    --ink:#211E19;
    --ink-soft:#5A554C;
    --gold:#B39355;
    --gold-deep:#8F7439;
    --gold-soft:#CBB183;
    --gold-pale:#F5EEDF;
    --serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
    --sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
    --latin:"EB Garamond","Optima",Georgia,serif;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;scroll-padding-top:96px;}
  body{
    font-family:var(--sans);background:var(--white);color:var(--ink);
    font-size:15px;font-weight:400;line-height:2.05;letter-spacing:.04em;
    -webkit-font-smoothing:antialiased;font-feature-settings:"palt" 0;
  }
  ::selection{background:var(--gold-pale);color:var(--gold-deep);}
  img{display:block;max-width:100%;}
  a{color:inherit;}
  :focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

  /* ============ 共通タイポグラフィ ============ */
  .en{font-family:var(--latin);}
  .serif{font-family:var(--serif);}

  /* ピンチマーク付きキッカー(シグネチャー) */
  .kicker{
    font-family:var(--latin);font-weight:500;font-size:12px;letter-spacing:.5em;
    color:var(--gold-deep);text-transform:uppercase;
    display:inline-flex;align-items:center;gap:18px;
  }
  .kicker::before,.kicker::after{
    content:"";width:14px;height:1px;background:var(--gold);flex:none;
  }
  .kicker::before{transform:rotate(28deg);}
  .kicker::after{transform:rotate(-28deg);margin-left:-4px;}
  .kicker::after{margin-left:0;}

  .sec-head{text-align:center;margin-bottom:64px;}
  .sec-head .kicker{margin-bottom:22px;}
  .sec-head h2{
    font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:clamp(23px,2.7vw,31px);letter-spacing:.14em;line-height:1.9;
  }
  .sec-head h2 .thin{font-weight:400;}
  .sec-head .lead{
    font-size:13px;font-weight:350;color:var(--ink-soft);
    margin:20px auto 0;max-width:640px;line-height:2.3;letter-spacing:.05em;
  }
  /* 蛍光下線(ゴールド) */
  .u-gold{
    background:linear-gradient(transparent 68%, var(--gold-pale) 68%);
    padding:0 .06em;
  }
  /* 圏点(強調ドット) */
  .emph{ text-emphasis:filled circle var(--gold); -webkit-text-emphasis:filled circle var(--gold); text-emphasis-position:over; }

  .wrap{max-width:1160px;margin:0 auto;padding:0 28px;}
  .narrow{max-width:880px;margin:0 auto;padding:0 28px;}
  section.blk{padding:110px 0;}
  section.blk.alt{background:var(--paper);}
  .note{font-size:10.5px;font-weight:350;color:var(--warmgray);line-height:2;letter-spacing:.04em;}

  /* ボタン */
  .btn{
    position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;
    text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.22em;
    padding:17px 20px 17px 34px;min-width:250px;
    transition:all .35s cubic-bezier(.25,.6,.3,1);cursor:pointer;border:none;background:none;
  }
  .btn .arw{
    display:inline-block;width:26px;height:1px;background:currentColor;position:relative;
    transition:transform .35s cubic-bezier(.25,.6,.3,1);flex:none;
  }
  .btn .arw::after{
    content:"";position:absolute;right:0;top:-3px;width:8px;height:1px;background:currentColor;transform:rotate(35deg);transform-origin:right center;
  }
  .btn:hover .arw{transform:translateX(6px);}
  .btn.gold{background:linear-gradient(135deg,#BE9E60,#A78848);color:#fff;box-shadow:0 8px 22px rgba(154,123,64,.28);}
  .btn.gold:hover{box-shadow:0 10px 26px rgba(154,123,64,.4);transform:translateY(-1px);}
  .btn.line{border:1px solid var(--ink);color:var(--ink);}
  .btn.line:hover{background:var(--ink);color:var(--white);}

  .fx{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease;}
  .fx.in{opacity:1;transform:none;}
  @media(prefers-reduced-motion:reduce){.fx{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}}

  /* ============ Header ============ */
  header.site{
    position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);
    backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);
  }
  .h-inner{
    max-width:1240px;margin:0 auto;padding:0 28px;height:74px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
  }
  .brandlogo{display:flex;align-items:center;text-decoration:none;}
  .brandlogo img{height:38px;width:auto;display:block;}
  nav.g ul{display:flex;gap:4px;list-style:none;align-items:center;}
  nav.g a{
    position:relative;font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--ink-soft);
    text-decoration:none;padding:8px 14px;
  }
  nav.g a:not(.in-cta)::after{
    content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;
    background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
  }
  nav.g a:not(.in-cta):hover{color:var(--ink);}
  nav.g a:not(.in-cta):hover::after{transform:scaleX(1);}
  .navcta{
    margin-left:14px;border:1px solid var(--gold);padding:10px 18px;
    font-size:11.5px;letter-spacing:.1em;color:var(--gold-deep);
    display:flex;align-items:center;gap:9px;line-height:1;
    transition:background .3s ease;
  }
  .navcta .sep{line-height:1;transform:translateY(-1px);}
  .navcta a{padding:0;font-size:11.5px;color:var(--gold-deep);}
  .navcta a:hover{color:var(--ink);}
  .navcta .sep{color:var(--gold-soft);}
  @media(max-width:960px){nav.g a.hidem{display:none;}}
  @media(max-width:640px){
    .h-inner{height:58px;padding:0 18px;}
    .brandlogo img{height:30px;}
    .navcta{margin-left:0;padding:7px 13px;gap:0;white-space:nowrap;flex:none;}
    .h-inner{gap:14px;}
    .navcta a.in-cta:first-child,.navcta .sep{display:none;}
    .navcta a{font-size:10.5px;letter-spacing:.08em;}
  }

  /* ============ HERO ============ */
  .hero{
    position:relative;min-height:calc(100vh - 74px);
    background:
      radial-gradient(ellipse 720px 560px at 78% 30%, rgba(179,147,85,.08), transparent 60%),
      linear-gradient(to bottom,#FFFFFF 0%,var(--greige) 100%);
    display:flex;align-items:center;overflow:hidden;
  }
  .hero-inner{
    max-width:1160px;margin:0 auto;padding:56px 28px;width:100%;
    display:grid;grid-template-columns:1.08fr 1fr;gap:6vw;align-items:center;
  }
  @media(max-width:860px){
    .hero{min-height:auto;}
    .hero-inner{grid-template-columns:1fr;text-align:center;gap:44px;padding:40px 28px 76px;}
    .hero-copy .over{margin-bottom:22px;}
    .hero-copy .sub{flex-direction:column;align-items:center;gap:10px;margin-top:26px;}
    .scrollcue{display:none;}
  }
  .hero-copy .over{
    font-family:var(--latin);font-weight:500;font-size:12px;letter-spacing:.46em;color:var(--gold-deep);
    display:inline-flex;align-items:center;gap:16px;margin-bottom:34px;text-transform:uppercase;
  }
  .hero-copy .over::before{content:"";width:44px;height:1px;background:var(--gold);}
  @media(max-width:860px){.hero-copy .over::before{display:none;}}
  .hero-copy h1{
    font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:clamp(26px,3.4vw,42px);letter-spacing:.14em;line-height:1.9;
  }
  .hero-copy h1 .hl{display:block;white-space:nowrap;}
  .hero-copy h1 .l2{padding-left:1em;}
  @media(max-width:860px){.hero-copy h1 .hl{white-space:normal;}.hero-copy h1 .l2{padding-left:0;}}
  .hero-copy .sub{
    margin-top:34px;font-size:13px;font-weight:350;letter-spacing:.3em;color:var(--ink-soft);
    display:flex;align-items:baseline;gap:14px;
  }
  @media(max-width:860px){.hero-copy .sub{justify-content:center;}}
  .hero-copy .sub .en{font-size:15px;letter-spacing:.22em;color:var(--ink);}
  .hero-visual{position:relative;padding:0 40px 0 20px;}
  .hero-plate{
    position:relative;background:#EDEBE8;
  }
  .hero-plate::before{
    content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--gold-soft);
    z-index:0;pointer-events:none;
  }
  .hero-plate img{position:relative;z-index:1;width:100%;height:auto;}
  .hero-plate .caption{
    position:absolute;left:0;bottom:-40px;z-index:2;
    font-family:var(--latin);font-size:10.5px;letter-spacing:.34em;color:var(--warmgray);
    display:flex;align-items:center;gap:12px;text-transform:uppercase;
  }
  .hero-plate .caption::before{content:"";width:20px;height:1px;background:var(--gold);}
  .hero-vertical{
    position:absolute;top:50%;right:-34px;transform:translateY(-50%);
    writing-mode:vertical-rl;font-family:var(--latin);font-size:10px;letter-spacing:.42em;
    color:var(--warmgray);text-transform:uppercase;white-space:nowrap;
  }
  @media(max-width:860px){.hero-vertical{display:none;}}
  .scrollcue{
    position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
    display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--warmgray);
  }
  .scrollcue span{font-family:var(--latin);font-size:10px;letter-spacing:.44em;}
  .scrollcue i{display:block;width:1px;height:46px;background:linear-gradient(to bottom,var(--gold),transparent);animation:cue 2.8s ease-in-out infinite;}
  @keyframes cue{0%{transform:scaleY(0);transform-origin:top;}45%{transform:scaleY(1);transform-origin:top;}55%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

  /* ============ STATEMENT ============ */
  .statement{padding:140px 0 130px;text-align:center;background:var(--white);position:relative;}
  .statement::before{
    content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
    width:1px;height:56px;background:linear-gradient(to bottom,transparent,var(--gold-soft));
  }
  .statement h2{
    font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:clamp(23px,3vw,33px);letter-spacing:.2em;line-height:2.05;margin-bottom:34px;
  }
  .statement p{
    font-size:13.5px;font-weight:350;color:var(--ink-soft);max-width:600px;margin:0 auto;
    line-height:2.5;letter-spacing:.06em;
  }
  .statement p b{font-weight:500;color:var(--ink);}

  /* ブランド名の由来 */
  .origin{
    position:relative;max-width:640px;margin:72px auto 0;padding-top:58px;
    border-top:1px solid var(--line-soft);
  }
  .origin::before,.origin::after{
    content:"";position:absolute;top:-1px;width:16px;height:1px;background:var(--gold);
  }
  .origin::before{left:calc(50% - 14px);transform:rotate(28deg);}
  .origin::after{left:calc(50% - 2px);transform:rotate(-28deg);}
  .origin .o-en{
    font-family:var(--latin);font-weight:500;font-size:11px;letter-spacing:.36em;
    color:var(--gold-deep);text-transform:uppercase;display:block;margin-bottom:22px;
  }
  .origin p{
    font-size:13px;font-weight:350;color:var(--ink-soft);line-height:2.5;letter-spacing:.06em;
  }
  .origin p b{font-weight:500;color:var(--ink);}
  .origin p.tagline{
    margin-top:44px;font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:clamp(19px,2.4vw,25px);letter-spacing:.3em;line-height:2;color:var(--ink);
  }
  .tagline .t-latin{
    display:block;margin-top:14px;font-family:var(--latin);font-weight:500;
    font-size:11px;letter-spacing:.5em;color:var(--warmgray);
  }

  /* ============ CONCERN ============ */
  .concern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  @media(max-width:860px){.concern-grid{grid-template-columns:1fr;}}
  .concern-card{
    position:relative;background:var(--white);border:1px solid var(--line-soft);
    padding:38px 30px 32px;text-align:center;
  }
  .concern-card::before{
    content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);
    width:38px;height:2px;background:linear-gradient(to right,var(--gold),var(--gold-soft));
  }
  .concern-card h4{font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:.12em;margin-bottom:12px;}
  .concern-card p{font-size:12px;color:var(--ink-soft);line-height:2.2;font-weight:350;}
  .concern-close{
    text-align:center;margin-top:48px;
    font-family:var(--serif);font-size:clamp(15px,1.8vw,18px);letter-spacing:.16em;line-height:2.2;
  }

  /* ============ FEATURES ============ */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  @media(max-width:860px){.feat-grid{grid-template-columns:1fr;}}
  .feat-card{
    background:var(--white);border:1px solid var(--line-soft);padding:38px 32px 34px;
    transition:border-color .35s ease, transform .35s ease;
  }
  .feat-card:hover{border-color:var(--gold-soft);transform:translateY(-3px);}
  .feat-en{
    font-family:var(--latin);font-weight:500;font-size:10.5px;letter-spacing:.3em;color:var(--gold-deep);
    text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:18px;
  }
  .feat-en::after{content:"";flex:1;height:1px;background:var(--line);}
  .feat-card h4{
    font-family:var(--serif);font-size:17.5px;font-weight:600;letter-spacing:.1em;
    margin-bottom:12px;line-height:1.9;
  }
  .feat-card p{font-size:12px;color:var(--ink-soft);line-height:2.25;font-weight:350;}

  /* 5テクノロジー辞典 */
  .feat-hero{
    position:relative;background:var(--white);border:1px solid var(--line-soft);
    padding:54px 52px 46px;margin-bottom:26px;
  }
  .feat-hero::before{
    content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;
    background:linear-gradient(to right,var(--gold),var(--gold-soft));
  }
  .feat-hero h4{
    font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.12em;
    margin-bottom:14px;line-height:1.8;
  }
  .feat-hero .intro{
    font-size:12.5px;color:var(--ink-soft);line-height:2.3;font-weight:350;max-width:640px;
  }
  .tech-dict{
    display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px;
  }
  @media(max-width:1000px){.tech-dict{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.tech-dict{grid-template-columns:1fr;}}
  .tech-card{
    background:var(--paper);border:1px solid var(--line-soft);padding:28px 20px 24px;
    text-align:center;transition:border-color .35s ease, background .35s ease;
  }
  .tech-card:hover{border-color:var(--gold-soft);background:var(--white);}
  .tech-abbr{
    font-family:var(--latin);font-weight:500;font-size:28px;letter-spacing:.06em;
    color:var(--gold-deep);display:block;line-height:1;
  }
  .tech-en{
    font-family:var(--latin);font-weight:500;font-size:9px;letter-spacing:.2em;color:var(--warmgray);
    text-transform:uppercase;display:block;margin-top:8px;
  }
  .tech-jp{
    font-size:12px;font-weight:700;letter-spacing:.08em;display:block;margin:14px 0 0;
  }
  .tech-card .sep{
    display:block;width:18px;height:1px;background:var(--gold-soft);margin:12px auto;
  }
  .tech-card p{font-size:11px;color:var(--ink-soft);line-height:2.05;font-weight:350;text-align:left;}
  .feat-grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  @media(max-width:860px){.feat-grid2{grid-template-columns:1fr;}}

  /* ============ 温感プロセス ============ */
  .process{
    display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;
    border:1px solid var(--line-soft);background:var(--white);
  }
  @media(max-width:860px){.process{grid-template-columns:1fr;}}
  .pstep{position:relative;padding:36px 30px 32px;text-align:center;}
  .pstep + .pstep{border-left:1px solid var(--line-soft);}
  @media(max-width:860px){.pstep + .pstep{border-left:none;border-top:1px solid var(--line-soft);}}
  .pstep:not(:last-child)::after{
    content:"";position:absolute;right:-5px;top:50%;width:8px;height:8px;z-index:2;
    border-top:1px solid var(--gold);border-right:1px solid var(--gold);
    background:var(--white);transform:translateY(-50%) rotate(45deg);
  }
  @media(max-width:860px){.pstep:not(:last-child)::after{display:none;}}
  .pstep .pno{font-family:var(--latin);font-weight:500;font-size:11.5px;letter-spacing:.32em;color:var(--gold-deep);display:block;margin-bottom:14px;}
  .pstep h5{font-family:var(--serif);font-size:16.5px;font-weight:600;letter-spacing:.2em;margin-bottom:10px;}
  .pstep p{font-size:11.5px;color:var(--ink-soft);line-height:2.15;font-weight:350;}

  /* ============ MODE ============ */
  .mode-list{display:flex;flex-direction:column;}
  .feature{
    position:relative;
    display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
    padding:64px 0;
  }
  .feature + .feature{border-top:1px solid var(--line-soft);}
  @media(max-width:860px){.feature{grid-template-columns:1fr;gap:32px;padding:48px 0;}}
  .feature.rev .f-visual{order:2;}
  @media(max-width:860px){.feature.rev .f-visual{order:0;}}
  .f-visual{position:relative;}
  .f-visual::after{
    content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--line);
    pointer-events:none;transition:border-color .4s ease;
  }
  .feature:hover .f-visual::after{border-color:var(--gold-soft);}
  .f-visual img{width:100%;height:340px;object-fit:cover;position:relative;}
  .f-ghost{
    position:absolute;top:-14px;right:-6px;z-index:2;
    font-family:var(--latin);font-weight:500;font-size:72px;line-height:1;color:transparent;
    -webkit-text-stroke:1px var(--gold-soft);opacity:.55;pointer-events:none;
  }
  .feature.rev .f-ghost{right:auto;left:-6px;}
  .f-body .f-mode{
    font-family:var(--latin);font-weight:500;font-size:11.5px;letter-spacing:.4em;color:var(--gold-deep);
    display:flex;align-items:center;gap:16px;margin-bottom:18px;text-transform:uppercase;
  }
  .f-body .f-mode::after{content:"";flex:0 0 46px;height:1px;background:linear-gradient(to right,var(--gold),transparent);}
  .f-body h3{
    font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:26px;letter-spacing:.14em;margin-bottom:16px;
  }
  .f-tech{
    display:inline-flex;align-items:stretch;border:1px solid var(--line);margin-bottom:22px;
  }
  .f-tech span{
    font-family:var(--latin);font-size:11px;letter-spacing:.14em;color:var(--ink-soft);
    padding:7px 16px;white-space:nowrap;
  }
  .f-tech span + span{border-left:1px solid var(--line);}
  .f-tech b{color:var(--gold-deep);font-weight:500;}
  .f-body p{font-size:13px;font-weight:350;color:var(--ink-soft);line-height:2.35;letter-spacing:.05em;max-width:420px;}
  .f-body p b{font-weight:500;color:var(--ink);}

  /* ============ WHY PINCH ============ */
  .why-pinch{
    position:relative;padding:110px 0 104px;
    background:linear-gradient(165deg,var(--paper) 25%,var(--gold-pale) 120%);
    border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
    overflow:hidden;
  }
  .why-pinch::before{
    content:"PINCH";position:absolute;top:18px;left:50%;transform:translateX(-50%);
    font-family:var(--latin);font-weight:500;font-size:104px;letter-spacing:.32em;
    color:transparent;-webkit-text-stroke:1px rgba(179,147,85,.09);
    pointer-events:none;white-space:nowrap;
  }
  @media(max-width:860px){.why-pinch::before{font-size:58px;top:30px;}}
  .why-pinch .sec-head{margin-bottom:52px;position:relative;padding-top:64px;}
  .why-pinch h2{font-size:clamp(26px,3.2vw,37px);letter-spacing:.22em;}
  .wp-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:26px;
    max-width:900px;margin:0 auto;position:relative;
  }
  @media(max-width:860px){.wp-grid{grid-template-columns:1fr;}}
  .wp-card{
    position:relative;background:var(--white);border:1px solid var(--line-soft);
    padding:42px 38px 38px;
  }
  .wp-card::before,.wp-card::after{
    content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-soft);border-style:solid;
  }
  .wp-card::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
  .wp-card::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
  .wp-card .wp-en{
    font-family:var(--latin);font-weight:500;font-size:10.5px;letter-spacing:.3em;
    color:var(--gold-deep);text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-bottom:18px;
  }
  .wp-card .wp-en::after{content:"";flex:1;height:1px;background:var(--line);}
  .wp-card h4{
    font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.14em;
    margin-bottom:14px;line-height:1.8;
  }
  .wp-card p{font-size:12.5px;color:var(--ink-soft);line-height:2.3;font-weight:350;}
  .wp-card p b{font-weight:500;color:var(--ink);}

  /* ============ TECHNOLOGY ============ */
  .diagram-grid{display:flex;justify-content:center;margin-top:14px;}
  .diagram-grid .diagram{width:100%;max-width:680px;}
  .diagram{
    position:relative;background:var(--white);border:1px solid var(--line-soft);
    padding:44px 34px 30px;display:flex;flex-direction:column;align-items:center;gap:18px;
  }
  .diagram::before,.diagram::after{
    content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-soft);border-style:solid;
  }
  .diagram::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
  .diagram::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
  .diagram svg{width:100%;max-width:330px;height:auto;}
  .diagram .cap{
    font-size:11px;font-weight:500;color:var(--ink-soft);letter-spacing:.16em;
    display:flex;align-items:center;gap:10px;
  }
  .diagram .cap::before{content:"";width:14px;height:1px;background:var(--gold);}

  /* ============ HOW TO ============ */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;}
  @media(max-width:860px){.steps{grid-template-columns:1fr;}}
  .step{
    position:relative;padding:10px 36px 0;text-align:center;
  }
  .step + .step{border-left:1px solid var(--line-soft);}
  @media(max-width:860px){.step + .step{border-left:none;border-top:1px solid var(--line-soft);padding-top:34px;margin-top:26px;}}
  .step .sno{
    font-family:var(--latin);font-weight:500;font-size:44px;line-height:1;color:var(--gold-soft);
    display:block;margin-bottom:18px;
  }
  .step h4{
    font-size:15.5px;font-weight:700;letter-spacing:.14em;margin-bottom:12px;
  }
  .step p{font-size:12.5px;font-weight:350;color:var(--ink-soft);line-height:2.25;letter-spacing:.04em;}
  .zone-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;margin-top:88px;}
  @media(max-width:860px){.zone-grid{grid-template-columns:1fr;gap:36px;}}
  .zone-ph{position:relative;}
  .zone-ph::after{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid var(--line);pointer-events:none;}
  .zone-ph img{width:100%;position:relative;}
  .zone-list{list-style:none;}
  .zone-list li{
    display:flex;gap:20px;align-items:center;padding:13px 4px;
  }
  .zone-list li + li{border-top:1px solid var(--line-soft);}
  .zone-list .abc{
    flex:none;width:34px;height:34px;border:1px solid var(--gold-soft);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--latin);font-weight:500;font-size:14px;color:var(--gold-deep);
  }
  .zone-list .nm{font-size:13.5px;font-weight:500;letter-spacing:.1em;min-width:7.5em;}
  .zone-list .tip{font-size:11.5px;font-weight:350;color:var(--warmgray);letter-spacing:.04em;}

  /* ============ SPEC ============ */
  .spec-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;}
  @media(max-width:860px){.spec-grid{grid-template-columns:1fr;}}
  table.spec{width:100%;border-collapse:collapse;font-size:13px;}
  table.spec tr{border-bottom:1px solid var(--line-soft);}
  table.spec tr:first-child{border-top:1px solid var(--line);}
  table.spec th{
    font-family:var(--latin);font-weight:500;font-size:10.5px;letter-spacing:.24em;color:var(--warmgray);
    text-transform:uppercase;text-align:left;padding:15px 18px 15px 2px;white-space:nowrap;width:31%;
    vertical-align:top;
  }
  table.spec th .jp{
    display:block;font-family:var(--sans);font-size:12px;letter-spacing:.12em;color:var(--ink);font-weight:500;
  }
  table.spec td{padding:15px 2px;color:var(--ink-soft);font-weight:350;letter-spacing:.04em;vertical-align:top;}
  .set-photo{position:relative;background:var(--white);border:1px solid var(--line-soft);padding:30px;display:flex;align-items:center;justify-content:center;}
  .set-photo::before,.set-photo::after{
    content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-soft);border-style:solid;
  }
  .set-photo::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
  .set-photo::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
  .set-photo img{max-height:300px;width:auto;}
  /* 製品フォトギャラリー */
  .g-main{position:relative;background:var(--white);border:1px solid var(--line-soft);height:360px;display:flex;align-items:center;justify-content:center;padding:26px;}
  .g-main::before,.g-main::after{
    content:"";position:absolute;width:14px;height:14px;border-color:var(--gold-soft);border-style:solid;
  }
  .g-main::before{top:-1px;left:-1px;border-width:1px 0 0 1px;}
  .g-main::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}
  .g-main img{max-height:100%;max-width:100%;width:auto;object-fit:contain;}
  .g-thumbs{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap;}
  .g-thumbs button{
    width:62px;height:62px;border:1px solid var(--line);background:var(--white);padding:6px;cursor:pointer;
    transition:border-color .3s ease, opacity .3s ease;opacity:.75;
  }
  .g-thumbs button:hover{opacity:1;}
  .g-thumbs button.on{border-color:var(--gold);opacity:1;}
  .g-thumbs button img{width:100%;height:100%;object-fit:contain;}

  /* ============ INSTAGRAM(タイアップ投稿) ============ */
  .sns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  @media(max-width:960px){.sns-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:640px){.sns-grid{grid-template-columns:1fr;}}
  .sns-card{
    background:var(--white);border:1px solid var(--line-soft);
    transition:border-color .35s ease, transform .35s ease;
  }
  .sns-card:hover{border-color:var(--gold-soft);transform:translateY(-3px);}
  .sns-head{display:flex;align-items:center;gap:12px;padding:14px 16px;}
  .sns-avatar{
    flex:none;width:36px;height:36px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold-soft),var(--gold));
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-family:var(--latin);font-weight:500;font-size:14px;letter-spacing:.02em;
  }
  .sns-name{font-size:11.5px;font-weight:700;letter-spacing:.04em;line-height:1.5;}
  .sns-name small{display:block;font-size:9.5px;color:var(--warmgray);font-weight:400;letter-spacing:.06em;}
  .sns-pr{
    margin-left:auto;font-family:var(--latin);font-size:9px;letter-spacing:.2em;
    border:1px solid var(--gold-soft);color:var(--gold-deep);padding:3px 9px;white-space:nowrap;
  }
  .sns-ph{aspect-ratio:1/1;overflow:hidden;background:var(--greige);}
  .sns-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
  .sns-card:hover .sns-ph img{transform:scale(1.03);}
  .sns-cap{padding:16px 18px 20px;}
  .sns-cap p{font-size:11.5px;color:var(--ink-soft);line-height:2;font-weight:350;}
  .sns-link{
    display:inline-flex;align-items:center;gap:9px;margin-top:12px;
    font-size:10.5px;letter-spacing:.14em;color:var(--gold-deep);text-decoration:none;
  }
  .sns-link::after{content:"";width:16px;height:1px;background:var(--gold);transition:transform .3s ease;}
  .sns-link:hover::after{transform:translateX(4px);}

  /* ============ 体験 / 購入 ============ */
  .t-path-row{display:grid;grid-template-columns:1fr 1fr;}
  @media(max-width:860px){.t-path-row{grid-template-columns:1fr;}}
  .t-path{padding:90px 60px;text-align:center;position:relative;}
  .t-path.buy{background:linear-gradient(160deg,var(--paper),var(--gold-pale) 130%);}
  .t-path .ph{
    position:relative;max-width:380px;margin:0 auto 36px;
  }
  .t-path .ph::after{content:"";position:absolute;inset:10px -10px -10px 10px;border:1px solid var(--line);pointer-events:none;}
  .t-path .ph img{width:100%;height:210px;object-fit:cover;position:relative;}
  .t-path .ph.contain{background:var(--white);border:1px solid var(--line-soft);}
  .t-path .ph.contain img{object-fit:contain;padding:16px;}
  .t-path .kicker{margin-bottom:20px;}
  .t-path h3{
    font-family:var(--serif);font-weight:600;font-feature-settings:"palt";
    font-size:23px;letter-spacing:.16em;margin-bottom:14px;
  }
  .t-path > p{font-size:12.5px;font-weight:350;color:var(--ink-soft);max-width:340px;margin:0 auto 30px;line-height:2.3;}
  .t-path p.price{
    display:flex;align-items:baseline;justify-content:center;gap:8px;margin:-8px auto 24px;
  }
  .t-path p.price b{
    font-family:var(--latin);font-weight:500;font-size:31px;letter-spacing:.04em;color:var(--ink);
  }
  .t-path p.price span{font-size:11px;color:var(--warmgray);letter-spacing:.08em;}

  /* ============ 正規品 ============ */
  .merit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  @media(max-width:860px){.merit-grid{grid-template-columns:1fr;}}
  .merit-card{
    background:var(--white);border:1px solid var(--line-soft);padding:40px 30px 34px;text-align:center;
    transition:border-color .35s ease, transform .35s ease;
  }
  .merit-card:hover{border-color:var(--gold-soft);transform:translateY(-3px);}
  .merit-card .ic{
    width:52px;height:52px;margin:0 auto 20px;color:var(--gold);
  }
  .merit-card .ic svg{width:100%;height:100%;}
  .merit-card h4{font-size:15px;font-weight:700;letter-spacing:.14em;margin-bottom:12px;}
  .merit-card p{font-size:12px;font-weight:350;color:var(--ink-soft);line-height:2.2;}
  .caution{
    max-width:780px;margin:52px auto 0;background:var(--white);border:1px solid var(--line);
    padding:0;position:relative;
  }
  .caution .tab{
    display:inline-block;background:var(--ink);color:var(--gold-soft);
    font-size:10.5px;letter-spacing:.3em;padding:7px 20px;margin:-1px 0 0 -1px;
  }
  .caution .bd{padding:24px 34px 28px;font-size:12.5px;font-weight:350;color:var(--ink-soft);line-height:2.3;}
  .caution .bd b{font-weight:500;color:var(--ink);letter-spacing:.06em;}

  /* ============ 登録・問い合わせ ============ */
  .reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;max-width:980px;margin:0 auto;}
  @media(max-width:860px){.reg-grid{grid-template-columns:1fr;}}
  .form-card{
    background:var(--white);border:1px solid var(--line);padding:44px 42px;position:relative;
  }
  .form-card::before{
    content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;
    background:linear-gradient(to right,var(--gold),var(--gold-soft));
  }
  .form-card h3{
    font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:.16em;margin-bottom:10px;
  }
  .form-card .desc{font-size:12px;font-weight:350;color:var(--ink-soft);margin-bottom:28px;line-height:2.2;}
  .formrow{margin-bottom:22px;}
  .formrow label{
    display:flex;align-items:baseline;gap:10px;
    font-size:11px;font-weight:500;color:var(--ink);letter-spacing:.14em;margin-bottom:8px;
  }
  .formrow label .en{font-size:9px;letter-spacing:.24em;color:var(--warmgray);text-transform:uppercase;}
  .forminput{
    height:46px;border:none;border-bottom:1px solid var(--line);background:transparent;
    display:flex;align-items:center;padding:0 4px;font-size:12.5px;color:var(--warmgray);
    transition:border-color .3s ease;
  }
  .form-card:hover .forminput{border-color:var(--gold-soft);}
  .benefit-list{
    list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
    margin:0 0 26px;padding:18px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
  }
  .benefit-list li{text-align:center;}
  .benefit-list li i{
    display:block;width:6px;height:6px;margin:0 auto 10px;transform:rotate(45deg);
    background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  }
  .benefit-list li b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;}
  .benefit-list li span{display:block;font-size:9.5px;color:var(--warmgray);letter-spacing:.04em;line-height:1.7;}
  .chkrow{
    display:flex;gap:10px;align-items:flex-start;font-size:11.5px;font-weight:350;
    color:var(--ink-soft);line-height:1.9;margin-top:14px;cursor:pointer;
  }
  .chkrow input{margin-top:5px;accent-color:var(--gold);flex:none;}
  .chkrow a{color:var(--gold-deep);}
  .chkrow .req{font-size:9px;color:var(--gold-deep);border:1px solid var(--gold-soft);padding:1px 6px;margin-left:6px;letter-spacing:.1em;white-space:nowrap;}
  .chkrow .opt{font-size:9px;color:var(--warmgray);border:1px solid var(--line);padding:1px 6px;margin-left:6px;letter-spacing:.1em;white-space:nowrap;}
  .contact-card{
    background:var(--white);border:1px solid var(--line-soft);padding:32px 32px 30px;margin-bottom:16px;
    text-align:left;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;
  }
  .contact-card h4{font-size:14px;font-weight:700;letter-spacing:.12em;}
  .contact-card p{font-size:11.5px;font-weight:350;color:var(--ink-soft);grid-column:1;}
  .contact-card .btn{grid-row:1 / span 2;grid-column:2;min-width:0;padding:12px 6px 12px 18px;font-size:11px;}
  @media(max-width:560px){.contact-card{grid-template-columns:1fr;}.contact-card .btn{grid-row:auto;grid-column:1;margin-top:10px;}}
  .tel-box{
    margin-top:28px;text-align:center;padding:26px;border:1px solid var(--line-soft);background:var(--white);
  }
  .tel-box .lbl{font-size:11px;letter-spacing:.2em;color:var(--ink-soft);display:block;margin-bottom:6px;}
  .tel-box b{
    font-family:var(--latin);font-weight:500;font-size:26px;letter-spacing:.1em;color:var(--ink);
  }
  .tel-box .note{margin-top:4px;}

  /* ============ NEWS ============ */
  .news-list{list-style:none;max-width:720px;margin:0 auto;}
  .news-list li{
    display:flex;gap:34px;padding:17px 6px;align-items:baseline;
  }
  .news-list li + li{border-top:1px solid var(--line-soft);}
  .news-list li time{
    font-family:var(--latin);font-weight:500;font-size:13px;letter-spacing:.16em;color:var(--gold-deep);white-space:nowrap;
  }
  .news-list li span{font-size:13px;font-weight:350;color:var(--ink-soft);letter-spacing:.05em;}

  /* 追従CTA */
  .float-buy{
    position:fixed;right:24px;bottom:24px;z-index:120;
    display:inline-flex;align-items:center;gap:12px;
    background:linear-gradient(135deg,#BE9E60,#A78848);color:#fff;text-decoration:none;
    padding:16px 28px;border-radius:44px;font-size:12.5px;font-weight:500;letter-spacing:.14em;
    box-shadow:0 10px 26px rgba(143,116,57,.4);
    opacity:0;pointer-events:none;transform:translateY(10px);transition:all .4s ease;
  }
  .float-buy.show{opacity:1;pointer-events:auto;transform:none;}
  .float-buy:hover{transform:translateY(-2px);}

  /* 注釈 */
  .foot-notes{padding:44px 0 64px;background:var(--paper);border-top:1px solid var(--line-soft);}
  .foot-notes .note{max-width:900px;margin:0 auto;padding:0 28px;text-align:center;}

  /* ============ Footer ============ */
  footer.site{background:#1D1A15;color:rgba(255,255,255,.5);padding:78px 0 44px;}
  .f-grid{display:flex;justify-content:space-between;gap:44px;flex-wrap:wrap;margin-bottom:54px;align-items:flex-start;}
  .f-logo{font-family:var(--latin);font-weight:500;font-size:21px;letter-spacing:.34em;color:#fff;}
  .f-logo small{display:block;font-size:8.5px;letter-spacing:.54em;color:var(--gold-soft);margin-top:5px;}
  .f-logo .mark{
    display:inline-flex;gap:5px;margin-top:16px;
  }
  .f-logo .mark i{width:12px;height:1px;background:var(--gold-soft);display:block;}
  .f-logo .mark i:first-child{transform:rotate(28deg);}
  .f-logo .mark i:last-child{transform:rotate(-28deg);}
  .f-nav{display:flex;gap:30px;flex-wrap:wrap;}
  .f-nav a{
    font-size:11px;font-weight:400;letter-spacing:.16em;color:rgba(255,255,255,.55);text-decoration:none;
    transition:color .3s ease;
  }
  .f-nav a:hover{color:var(--gold-soft);}
  .f-bottom{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
    border-top:1px solid rgba(255,255,255,.1);padding-top:30px;
    font-size:10px;letter-spacing:.12em;
  }
  .f-legal{display:flex;gap:24px;flex-wrap:wrap;}
  .f-legal a{color:rgba(255,255,255,.38);text-decoration:none;}
  .f-legal a:hover{color:rgba(255,255,255,.6);}

  /* formrun */
  .form-error {
    color: #d64545 !important;
    font-size: 13px;
    font-weight: 500;
    margin-top: 6px;
  }
  .formrow .forminput {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .formrow .selwrap {
    width: 100%;
  }

  .formrow .selwrap .forminput {
    width: 100%;
  }

  .formrun .btn.gold {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  input.forminput,
  select.forminput {
    color: #222;
  }

  input.forminput::placeholder {
    color: #9b968d;
    opacity: 1;
  }

  select.forminput:has(option[value=""]:checked) {
    color: #b9b5ae;
  }

  select.forminput option {
    color: #222;
  }

  input.forminput[type="date"]:invalid::-webkit-datetime-edit {
    color: #b9b5ae;
  }
  
  input.forminput[type="date"]:valid::-webkit-datetime-edit {
    color: #222;
  }