:root{
    --ink:#16324F;
    --ink-soft:#2C4A68;
    --paper:#EFEFE8;
    --paper-alt:#E3E6DE;
    --white:#FFFFFF;
    --copper:#B1652E;
    --copper-soft:#D98C55;
    --amber:#E7A83B;
    --charcoal:#1B1F24;
    --charcoal-soft:#262C33;
    --slate:#7C93A3;
    --line:#C7D0D3;
    --danger:#B23A2E;
    --radius:2px;
    --todo:#FFF1C9;
    --display: "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    --body: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Segoe UI", sans-serif;
    --mono: "SF Mono","Consolas","Menlo","Courier New",monospace;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:var(--body);
    background:var(--paper);
    color:var(--ink);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;margin:0;padding:0;}
  button{font-family:inherit;cursor:pointer;}
  img,svg{display:block;max-width:100%;}
  :focus-visible{outline:3px solid var(--amber);outline-offset:2px;}
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important;}
  }

  .eyebrow{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--copper);
    display:flex;
    align-items:center;
    gap:.5em;
  }
  .eyebrow::before{content:"//";color:var(--slate);}

  .tag{
    font-family:var(--mono);
    font-size:.68rem;
    letter-spacing:.06em;
    color:var(--ink-soft);
    border:1px solid var(--line);
    padding:.15em .55em;
    border-radius:var(--radius);
    background:rgba(255,255,255,.5);
  }
  .tag.new{color:var(--white);background:var(--copper);border-color:var(--copper);}

  /* ---------- HEADER / NAV ---------- */
  header.site{
    position:sticky;top:0;z-index:50;
    background:rgba(239,239,232,.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  .nav-wrap{
    max-width:1160px;margin:0 auto;padding:.9rem 1.5rem;
    display:flex;align-items:center;justify-content:space-between;
  }
  .brand{display:flex;align-items:center;gap:.6rem;font-weight:700;}
  .brand-mark{
    width:34px;height:34px;border:2px solid var(--ink);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--mono);font-size:.75rem;font-weight:700;
    color:var(--ink);flex-shrink:0;
  }
  .brand-text{display:flex;flex-direction:column;line-height:1.25;}
  .brand-text .en{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--slate);}
  .brand-text .ja{font-size:.98rem;letter-spacing:.02em;}

  nav.primary{display:flex;align-items:center;gap:2rem;}
  nav.primary ul{display:flex;gap:1.6rem;font-size:.92rem;}
  nav.primary a{position:relative;padding:.2rem 0;}
  nav.primary a::after{
    content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--copper);
    transition:width .2s ease;
  }
  nav.primary a:hover::after,nav.primary a.active::after{width:100%;}
  .call-btn{
    font-family:var(--mono);font-size:.82rem;font-weight:700;
    background:var(--ink);color:var(--white);
    padding:.55rem 1rem;border:1px solid var(--ink);
    border-radius:var(--radius);white-space:nowrap;
  }
  .hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.4rem;}
  .hamburger span{width:24px;height:2px;background:var(--ink);display:block;}

  @media (max-width:860px){
    nav.primary ul{display:none;}
    .call-btn{display:none;}
    .hamburger{display:flex;}
    nav.primary.open ul{
      display:flex;flex-direction:column;gap:0;
      position:absolute;top:100%;left:0;right:0;
      background:var(--paper);border-bottom:1px solid var(--line);
      padding:.5rem 1.5rem 1rem;
    }
    nav.primary.open ul li{border-bottom:1px solid var(--line);}
    nav.primary.open ul li a{display:block;padding:.85rem 0;}
    nav.primary.open .call-btn{
      display:block;margin:1rem 1.5rem 1.2rem;text-align:center;
      position:absolute;top:calc(100% + 148px);left:0;right:0;
    }
  }

  /* ---------- LAYOUT HELPERS ---------- */
  .page{display:none;}
  .page.active{display:block;}
  section{padding:5.5rem 1.5rem;}
  .wrap{max-width:1160px;margin:0 auto;}
  h1,h2,h3{font-family:var(--display);margin:0;}
  .section-head{max-width:820px;margin-bottom:3rem;}
  .section-head h2{font-size:2rem;margin-top:.6rem;letter-spacing:-.01em;}
  .section-head p{color:var(--ink-soft);margin-top:1rem;}

  /* ---------- HERO ---------- */
  .hero{padding-top:4.5rem;padding-bottom:3rem;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;}
  .hero h1{
    font-size:2.6rem;line-height:1.35;letter-spacing:-.015em;margin-top:1rem;
  }
  .hero .lead{margin-top:1.3rem;color:var(--ink-soft);font-size:1.02rem;max-width:46ch;}
  .cta-row{display:flex;gap:1rem;margin-top:2.2rem;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:.5rem;
    padding:.9rem 1.5rem;border-radius:var(--radius);font-weight:700;font-size:.92rem;
    border:1px solid transparent;
  }
  .btn-primary{background:var(--amber);color:var(--charcoal);border-color:var(--amber);}
  .btn-primary:hover{background:#d99a2c;}
  .btn-outline{border-color:var(--ink);color:var(--ink);}
  .btn-outline:hover{background:var(--ink);color:var(--white);}
  .btn-copper{background:var(--copper);color:var(--white);border-color:var(--copper);}
  .btn-copper:hover{background:#9a5527;}

  .hero-diagram{position:relative;}
  .titleblock{
    margin-top:.7rem;font-family:var(--mono);font-size:.66rem;color:var(--slate);
    border-top:1px solid var(--line);padding-top:.5rem;
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;
  }

  /* ---------- PILLARS ---------- */
  .pillars{background:var(--paper-alt);}
  .pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
  .pillar{
    background:var(--white);border:1px solid var(--line);padding:1.6rem 1.4rem;
    display:flex;flex-direction:column;gap:.8rem;position:relative;
  }
  .pillar .num{font-family:var(--mono);font-size:.75rem;color:var(--copper);}
  .pillar h3{font-size:1.05rem;margin-top:.2rem;}
  .pillar p{font-size:.86rem;color:var(--ink-soft);margin:0;flex-grow:1;}
  .pillar .badges{display:flex;gap:.4rem;flex-wrap:wrap;}

  @media (max-width:860px){
    .pillar-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:600px){
    .hero-grid{grid-template-columns:1fr;}
    .hero h1{font-size:2rem;}
    .pillar-grid{grid-template-columns:1fr;}
    section{padding:3.5rem 1.2rem;}
  }

  /* ---------- PROOF STRIP ---------- */
  .proof{
    border:1px solid var(--line);background:var(--white);
    display:grid;grid-template-columns:repeat(4,1fr);
  }
  .proof-item{padding:1.6rem;border-right:1px solid var(--line);}
  .proof-item:last-child{border-right:none;}
  .proof-item .label{font-family:var(--mono);font-size:.68rem;color:var(--slate);letter-spacing:.05em;}
  .proof-item .val{font-size:1.15rem;font-weight:700;margin-top:.4rem;}
  @media (max-width:760px){
    .proof{grid-template-columns:1fr 1fr;}
    .proof-item{border-bottom:1px solid var(--line);}
  }

  /* ---------- CTA BANNER ---------- */
  .banner{
    background:var(--ink);color:var(--white);
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;
  }
  .banner h2{color:var(--white);font-size:1.5rem;}
  .banner p{color:#B9C7D3;margin-top:.5rem;}

  footer.site{background:var(--charcoal);color:#9CA7AF;padding:3rem 1.5rem 2rem;font-size:.85rem;}
  footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;}
  footer.site a:hover{color:var(--white);}

  /* ---------- RECRUIT PAGE (dark) ---------- */
  .recruit-hero{
    background:var(--charcoal);color:var(--paper);position:relative;overflow:hidden;
  }
  .recruit-hero .eyebrow{color:var(--copper-soft);}
  .recruit-hero h1{color:var(--white);font-size:2.4rem;line-height:1.4;margin-top:1rem;}
  .recruit-hero .lead{color:#B9C2C8;max-width:50ch;margin-top:1.2rem;}
  .circuit-line{position:absolute;inset:0;pointer-events:none;opacity:.35;}
  .badge-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem;}
  .spec-badge{
    font-family:var(--mono);font-size:.78rem;color:var(--paper);
    border:1px solid var(--copper-soft);padding:.5rem .9rem;border-radius:var(--radius);
    background:rgba(177,101,46,.12);
  }
  .recruit-body{background:var(--paper);}
  .job-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
  .job-col h3{font-size:1.1rem;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:1.2rem;}
  .job-col ul li{padding:.55rem 0;border-bottom:1px dashed var(--line);font-size:.92rem;}
  @media (max-width:760px){.job-grid{grid-template-columns:1fr;}}

  .recruit-cta{
    background:var(--charcoal-soft);color:var(--paper);text-align:center;
  }
  .recruit-cta .cta-row{justify-content:center;}

  /* ---------- CONTACT PAGE ---------- */
  .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start;}
  @media (max-width:860px){.contact-grid{grid-template-columns:1fr;}}
  .info-card{
    background:var(--white);border:1px solid var(--line);padding:1.3rem 1.4rem;margin-bottom:1rem;
  }
  .info-card .label{font-family:var(--mono);font-size:.68rem;color:var(--copper);letter-spacing:.06em;}
  .info-card .val{font-size:1.1rem;font-weight:700;margin-top:.35rem;}
  .info-card .sub{font-size:.82rem;color:var(--ink-soft);margin-top:.3rem;}

  form.contact-form{background:var(--white);border:1px solid var(--line);padding:2rem;}
  .field{margin-bottom:1.3rem;}
  .field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.45rem;}
  .field .opt{font-weight:400;color:var(--slate);font-size:.78rem;margin-left:.4rem;}
  .field input[type=text],
  .field input[type=tel],
  .field select,
  .field textarea{
    width:100%;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius);
    font-size:.94rem;font-family:inherit;background:var(--paper);
  }
  .field textarea{resize:vertical;min-height:100px;}
  .radio-row{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:.3rem;}
  .radio-row label{display:flex;align-items:center;gap:.4rem;font-weight:400;font-size:.9rem;}
  .consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.82rem;color:var(--ink-soft);}
  .consent input{margin-top:.25rem;}
  .submit-btn{
    width:100%;padding:1rem;background:var(--amber);border:none;border-radius:var(--radius);
    font-weight:700;font-size:1rem;color:var(--charcoal);
  }
  .submit-btn:hover{background:#d99a2c;}
  .form-note{font-size:.8rem;color:var(--slate);margin-top:.8rem;text-align:center;}
  .success-msg{
    display:none;background:#EAF3EC;border:1px solid #2F6F4E;color:#1F4B34;
    padding:1rem 1.2rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1.3rem;
  }
  .success-msg.show{display:block;}

  /* ---------- 2026-10 更新分 ---------- */
  .todo{background:var(--todo);border-bottom:2px dotted var(--amber);padding:0 .15em;}
  .mock-note-unused{
    background:var(--charcoal);color:#E9D9B5;font-size:.78rem;text-align:center;
    padding:.45rem 1rem;
  }
  .mock-note .todo{color:var(--charcoal);}
  nav.primary ul{gap:1.3rem;}

  /* news */
  .news{padding-top:1rem;padding-bottom:3.5rem;}
  .news-box{border-top:2px solid var(--ink);}
  .news-row{
    display:grid;grid-template-columns:7.5rem 6.5rem 1fr;gap:1rem;align-items:baseline;
    padding:1rem 0;border-bottom:1px solid var(--line);font-size:.93rem;
  }
  .news-row time{font-family:var(--mono);font-size:.8rem;color:var(--slate);}
  .news-row .cat{font-size:.72rem;border:1px solid var(--ink);text-align:center;padding:.1em .4em;}
  @media (max-width:600px){
    .news-row{grid-template-columns:auto auto;row-gap:.3rem;}
    .news-row p{grid-column:1 / -1;margin:0;}
  }
  .news-row p{margin:0;}

  /* audiences */
  .aud{display:grid;grid-template-columns:15rem 1fr;gap:2.5rem;padding:2.6rem 0;border-top:1px solid var(--line);}
  .aud:first-of-type{border-top:2px solid var(--ink);}
  .aud-head .num{font-family:var(--mono);font-size:.75rem;color:var(--copper);}
  .aud-head h3{font-size:1.35rem;margin-top:.4rem;}
  .aud-head p{font-size:.88rem;color:var(--ink-soft);margin:.8rem 0 0;}
  .svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;}
  .svc{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;}
  .svc img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--line);}
  .svc .ph{
    aspect-ratio:4/3;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;
    background:repeating-linear-gradient(0deg,transparent 0 19px,#dfe5e6 19px 20px),
               repeating-linear-gradient(90deg,transparent 0 19px,#dfe5e6 19px 20px),var(--white);
    font-family:var(--mono);font-size:.72rem;color:var(--slate);text-align:center;padding:.5rem;
  }
  .svc-body{padding:.85rem .95rem 1rem;}
  .svc h4{margin:0;font-size:.95rem;}
  .svc p{margin:.35rem 0 0;font-size:.8rem;color:var(--ink-soft);line-height:1.6;}
  .svc-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;}
  @media (max-width:860px){.aud{grid-template-columns:1fr;gap:1.4rem;}}

  /* for clients (発注者の方へ) */
  .spec-table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);font-size:.92rem;}
  .spec-table th,.spec-table td{padding:1rem 1.2rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
  .spec-table th{width:11rem;background:var(--paper-alt);font-weight:700;white-space:nowrap;}
  .spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none;}
  @media (max-width:600px){
    .spec-table th,.spec-table td{display:block;width:auto;}
    .spec-table th{border-bottom:none;padding-bottom:.3rem;}
  }

  /* making */
  .making{background:var(--charcoal);color:var(--paper);}
  .making .section-head h2{color:var(--white);}
  .making .section-head p{color:#B9C2C8;}
  .making .eyebrow{color:var(--copper-soft);}
  .make-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
  .make-card{border:1px solid #3A434C;padding:1.8rem;display:flex;flex-direction:column;gap:1rem;}
  .make-card h3{color:var(--white);font-size:1.2rem;}
  .make-card p{margin:0;color:#C3CBD1;font-size:.9rem;}
  .make-card ul li{font-size:.86rem;color:#C3CBD1;padding:.35rem 0;border-bottom:1px dashed #3A434C;}
  .make-card .row{display:flex;gap:1rem;align-items:flex-start;}
  .make-card .row img{width:132px;flex-shrink:0;border:1px solid #3A434C;}
  .make-card .cta-row{margin-top:auto;}
  .making .btn-outline{border-color:var(--paper);color:var(--paper);}
  .making .btn-outline:hover{background:var(--paper);color:var(--charcoal);}
  @media (max-width:760px){.make-grid{grid-template-columns:1fr;}.make-card .row{flex-direction:column;}}

  .hero h1{font-size:2.35rem;}
  .hero h1 br.sp{display:none;}
  @media (max-width:600px){.hero h1{font-size:1.9rem;}.hero h1 br.sp{display:inline;}}
  .aud-head h3{font-size:1.2rem;}
  .news-row .cat{justify-self:start;}
  @media (max-width:600px){.section-head h2{font-size:1.55rem;}}
  .gallery{background:var(--white);}
  .gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
  .gal-item{margin:0;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;}
  .gal-item img{width:100%;aspect-ratio:4/3;object-fit:cover;}
  .gal-item:first-child{grid-column:span 2;grid-row:span 2;}
  .gal-item:first-child img{aspect-ratio:auto;height:0;flex:1 1 auto;min-height:0;}
  .gal-item figcaption{font-size:.8rem;padding:.55rem .8rem;color:var(--ink-soft);height:2.4rem;box-sizing:border-box;}
  @media (max-width:760px){.gal-grid{grid-template-columns:1fr 1fr;}.gal-item:first-child{grid-row:auto;}.gal-item:first-child img{height:auto;aspect-ratio:4/3;}.gal-item figcaption{height:auto;}}
  .cases{background:var(--paper);}
  .case{border-top:2px solid var(--ink);padding:2.2rem 0 2.8rem;}
  .case-head{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start;margin-bottom:1.5rem;}
  .case-head h3{font-size:1.35rem;grid-column:1 / -1;}
  .case-head p{margin:0;color:var(--ink-soft);font-size:.92rem;}
  .case-meta{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.85rem;}
  .case-meta dt{font-weight:700;}
  .case-meta dd{margin:0;}
  .case-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
  .case-strip.four{grid-template-columns:repeat(4,1fr);}
  .case-strip.five{grid-template-columns:repeat(5,1fr);}
  .case-strip.five .case-item figcaption{font-size:.78rem;}
  .case-item{margin:0;background:var(--white);border:1px solid var(--line);}
  .case-item img{width:100%;aspect-ratio:4/3;object-fit:cover;}
  .case-item figcaption{display:flex;gap:.6rem;align-items:baseline;padding:.6rem .8rem;font-size:.82rem;color:var(--ink-soft);}
  .case-item .step{font-family:var(--mono);font-size:.72rem;color:var(--copper);flex-shrink:0;}
  @media (max-width:860px){.case-head{grid-template-columns:1fr;gap:1rem;}.case-strip,.case-strip.four,.case-strip.five{grid-template-columns:1fr 1fr;}}
  .phase{margin-top:1.8rem;}
  .phase-title{font-size:1rem;margin:0 0 .8rem;padding-left:.7rem;border-left:4px solid var(--copper);display:flex;align-items:baseline;gap:.8rem;}
  .phase-title span{font-family:var(--mono);font-size:.72rem;color:var(--slate);font-weight:400;}
  .case-item.hidden-extra{display:none;}
  .phase.open .case-item.hidden-extra{display:block;}
  .more-btn{margin-top:.9rem;background:none;border:1px solid var(--ink);color:var(--ink);padding:.55rem 1.1rem;border-radius:var(--radius);font-size:.85rem;font-weight:700;}
  .more-btn:hover{background:var(--ink);color:var(--white);}
  .mk-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem;}
  .mk-item{margin:0;border:1px solid #3A434C;background:#1F262D;}
  .mk-item img{width:100%;aspect-ratio:4/3;object-fit:cover;}
  .mk-item figcaption{padding:.6rem .8rem;font-size:.8rem;color:#C3CBD1;}
  @media (max-width:760px){.mk-gallery{grid-template-columns:1fr 1fr;}}
  .lz-hero{background:var(--charcoal);color:var(--paper);}
  .lz-hero h1{color:var(--white);font-size:2.2rem;}
  .lz-hero .lead{color:#C3CBD1;max-width:640px;}
  .lz-hero .eyebrow{color:var(--copper-soft);}
  .lz-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0;max-width:720px;}
  .lz-facts div{border:1px solid #3A434C;padding:1rem;}
  .lz-facts span{display:block;font-size:.75rem;color:#8E9AA3;}
  .lz-facts strong{font-family:var(--mono);font-size:1.15rem;color:var(--white);}
  .lz-outline{border-color:var(--paper);color:var(--paper);}
  .lz-alt{background:var(--paper-alt);}
  .lz-table-wrap{overflow-x:auto;}
  .lz-table th{white-space:nowrap;}
  .lz-table tr:first-child th{background:var(--ink);color:var(--white);}
  .lz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:2rem;}
  .lz-card{background:var(--white);border:1px solid var(--line);padding:1.2rem;}
  .lz-card h3{font-size:1rem;margin:0 0 .5rem;}
  .lz-card p{margin:0;font-size:.88rem;color:var(--ink-soft);}
  .lz-sub{font-size:1.05rem;margin:0 0 .8rem;}
  .lz-steps{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:1rem;}
  .lz-steps li{display:flex;gap:1rem;align-items:flex-start;background:var(--white);border:1px solid var(--line);padding:1rem 1.2rem;}
  .lz-steps li>span{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--copper);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
  .lz-steps h3{margin:0;font-size:1rem;}
  .lz-steps p{margin:.3rem 0 0;font-size:.88rem;color:var(--ink-soft);}
  .lz-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
  .mk-item.lz{background:var(--white);border:1px solid var(--line);}
  .mk-item.lz figcaption{color:var(--ink-soft);}
  .lz-faq details{background:var(--white);border:1px solid var(--line);margin-bottom:.6rem;padding:.9rem 1.1rem;}
  .lz-faq summary{font-weight:700;cursor:pointer;}
  .lz-faq p{margin:.6rem 0 0;font-size:.9rem;color:var(--ink-soft);}
  .lz-note{border-style:dashed;}
  .lz-sticky{display:none;}
  .lz-hero br.sp{display:none;}
  @media (max-width:760px){.lz-hero br.sp{display:inline;}}
  @media (max-width:760px){
    .lz-hero h1{font-size:1.7rem;}
    .lz-facts{grid-template-columns:1fr;}
    .lz-gallery{grid-template-columns:1fr 1fr;}
    #page-laser{padding-bottom:4rem;}
    .lz-sticky{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:50;box-shadow:0 -2px 10px rgba(0,0,0,.15);}
    #page-laser:not(.active) .lz-sticky{display:none;}
    .lz-sticky a{padding:1rem;text-align:center;font-weight:700;color:#fff;background:var(--ink);}
    .lz-sticky a+a{background:var(--copper);}
  }
  .rc-lead{font-weight:700;margin:.2rem 0 .6rem;}
  .rc-note{font-size:.85rem;color:var(--ink-soft);margin-top:.8rem;}
  .rc-alt{background:var(--paper-alt);}
  .rc-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
  .rc-point{background:var(--white);border:1px solid var(--line);padding:1.3rem;}
  .rc-point span{font-family:var(--mono);color:var(--copper);font-size:.8rem;}
  .rc-point h3{font-size:1.05rem;margin:.3rem 0 .5rem;}
  .rc-point p{margin:0;font-size:.9rem;color:var(--ink-soft);}
  .rc-voice{margin-top:1.5rem;background:var(--white);border:1px dashed var(--copper);padding:1.3rem;}
  .rc-voice h3{margin:0 0 .5rem;font-size:1rem;}
  @media (max-width:760px){.rc-points{grid-template-columns:1fr;}}
  .making .todo{color:var(--charcoal);}
  footer.site .addr{margin-top:.6rem;line-height:1.8;}
  footer.site ul li{padding:.15rem 0;}

  /* production */
  .page{display:block !important;}
  .form-error{background:#FBE9E7;border:1px solid #B23A2E;color:#8A1F15;padding:.8rem 1rem;margin-bottom:1rem;display:none;}
  .form-error.show{display:block;}
  .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .privacy h2{font-size:1.15rem;margin:2rem 0 .6rem;}
  .privacy p,.privacy li{font-size:.95rem;line-height:1.9;}
  .lz-sticky{display:none;}
  @media (max-width:760px){.lz-sticky{display:grid;}}

  /* 画像の縦伸び防止（width/height属性つき画像のため） */
  img{max-width:100%;height:auto;}
  .gal-item:first-child img{height:0;}
  @media (max-width:760px){.gal-item:first-child img{height:auto;}}

  /* ヒーロー図：電気の流れのアニメーション */
  .hero-diagram svg{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 10px 30px rgba(22,50,79,.12);}
  .hz-flow{animation:hzFlow 1.2s linear infinite;}
  @keyframes hzFlow{to{stroke-dashoffset:-32;}}
  @media (prefers-reduced-motion:reduce){.hz-flow{animation:none;}}

  .brand-logo{width:44px;height:44px;flex-shrink:0;display:block;}
  @media (max-width:600px){.brand-logo{width:38px;height:38px;}}