/* =========================================================
   KIRAKUS v3 — ブランドカラー（ミント〜ディープティール）＋縦組み見出し＋真心の印
   ========================================================= */
:root{
  /* KIRAKUS ブランドカラー */
  --paper:#F2EFE9; --mintp:#D9F7F2;--ink3:#7A807C; --mint:#9EF0D1; --teal:#5BB9B0; --deep:#0F3D3E;
  --plum:#643B3F; --olive:#535842;
  /* 役割（旧名を流用） */
  --washi:#F2EFE9; --pale:#FAF8F4; --sumi:#0F3D3E; --sumi2:#0A2C2D;
  --bengara:#1F6E68; --bengara-d:#0F3D3E; --bengara-l:#9EF0D1;
  --ink2:#34494A; --mute:#5A6866; --line:#DCD8CF; --line2:#C5C0B4;
  --dline:rgba(217,247,242,.16); --dtext:#BCD6D1;
  --ph1:#CFE3DE; --ph2:#E3ECE7; --ph3:#B9D3CD;
  --mincho:'Shippori Mincho B1','Hiragino Mincho ProN','Yu Mincho','YuMincho','Noto Serif JP','Noto Serif CJK JP',serif;
  --gothic:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic','YuGothic','Noto Sans JP','Noto Sans CJK JP',sans-serif;
  --wrap:1240px; --gut:clamp(20px,5.5vw,96px);
  --ease:cubic-bezier(.19,1,.22,1); --ease2:cubic-bezier(.65,0,.35,1);
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--washi);color:var(--sumi);font-family:var(--gothic);font-size:16px;line-height:1.95;letter-spacing:.03em;-webkit-font-smoothing:antialiased;overflow-x:clip;font-feature-settings:"palt" 0}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .35 0 0 0 0 .34 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bengara);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.mincho{font-family:var(--mincho)}
.tbd{background:rgba(91,185,176,.16);color:#1B5853;padding:0 .2em;border-radius:2px;overflow-wrap:anywhere}
.dark .tbd{background:rgba(158,240,209,.14);color:var(--mint)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.arr{display:none}

/* ---------- 落款 ---------- */
.seal{--s:64px;width:var(--s);height:var(--s);flex-shrink:0;background:var(--plum);color:#fff;border-radius:calc(var(--s)*.1);display:grid;place-items:center;position:relative;transform:rotate(-4deg);box-shadow:inset 0 0 0 calc(var(--s)*.05) var(--plum),inset 0 0 0 calc(var(--s)*.075) rgba(255,255,255,.75)}
.seal span{display:block;width:1em;font-family:var(--mincho);font-weight:700;font-size:calc(var(--s)*.32);line-height:1.04;letter-spacing:0;text-align:center;word-break:break-all;position:relative;z-index:1}
.seal::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.18),transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.12),transparent 35%);mix-blend-mode:overlay}
.stamp{opacity:0;transform:rotate(-4deg) scale(1.9);filter:blur(4px)}
.stamp.on{animation:stamp .7s var(--ease) forwards}
@keyframes stamp{60%{opacity:1;transform:rotate(-4deg) scale(.94);filter:blur(0)}to{opacity:1;transform:rotate(-4deg) scale(1);filter:blur(0)}}

/* ---------- opening ---------- */
.opening{position:fixed;inset:0;z-index:300;background:var(--sumi);display:grid;place-items:center;transition:clip-path 1s var(--ease2);clip-path:inset(0 0 0 0)}
.opening.out{clip-path:inset(0 0 100% 0)}
.opening .in{display:flex;align-items:center;gap:22px;color:var(--washi)}
.opening .wm{font-family:var(--mincho);font-size:30px;font-weight:700;letter-spacing:.24em;opacity:0;transform:translateX(-8px);transition:all .8s var(--ease) .55s}
.opening.go .wm{opacity:1;transform:none}
.opening .seal{--s:76px}

/* ---------- header ---------- */
.hd{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .5s,box-shadow .5s,transform .5s var(--ease)}
.hd.scrolled{background:rgba(244,239,230,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.hd.hide{transform:translateY(-100%)}
.hd-in{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,3vw,44px);transition:height .4s var(--ease)}
.hd.scrolled .hd-in{height:70px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}
.logo .seal{--s:34px}
.logo-txt{display:flex;flex-direction:column;line-height:1.15}
.logo-tag{font-family:var(--mincho);font-size:11.5px;letter-spacing:.3em;color:var(--mute);font-weight:600}
.logo-name{font-family:var(--mincho);font-size:22px;font-weight:700;letter-spacing:.2em}
.gnav{display:flex;align-items:center;gap:30px;font-size:14px}
.gnav a{text-decoration:none}
.gnav a.nl{position:relative;padding:8px 0;letter-spacing:.08em}
.gnav a.nl::after{content:"";position:absolute;left:50%;bottom:0;width:5px;height:5px;border-radius:50%;background:var(--teal);transform:translateX(-50%) scale(0);transition:transform .4s var(--ease)}
.gnav a.nl:hover::after,.gnav a.nl[aria-current="page"]::after{transform:translateX(-50%) scale(1)}
.hd-tel{display:flex;flex-direction:column;line-height:1.3;text-align:right}
.hd-tel small{font-size:10.5px;color:var(--mute);letter-spacing:.1em}
.hd-tel b{font-family:var(--mincho);font-size:17px;letter-spacing:.06em}
.burger{display:none;width:52px;height:52px;border:1px solid var(--line2);border-radius:50%;background:transparent;cursor:pointer;position:relative}
.burger span{position:absolute;left:16px;right:16px;height:1.5px;background:var(--sumi);transition:transform .5s var(--ease),opacity .2s,top .5s var(--ease)}
.burger span:nth-child(1){top:21px}.burger span:nth-child(2){top:25.5px;right:22px}.burger span:nth-child(3){top:30px}
.nav-open .burger span:nth-child(1){top:25.5px;transform:rotate(45deg)}
.nav-open .burger span:nth-child(2){opacity:0}
.nav-open .burger span:nth-child(3){top:25.5px;transform:rotate(-45deg)}
.nav-open .burger{border-color:var(--dline)}
.nav-open .burger span{background:var(--washi)}
.nav-open .hd{background:transparent;box-shadow:none;backdrop-filter:none}
.nav-open .hd .logo{color:var(--washi)}
.nav-open .hd .logo-tag{color:var(--dtext)}
.drawer{position:fixed;inset:0;z-index:55;background:var(--sumi);color:var(--washi);padding:110px var(--gut) 40px;display:flex;flex-direction:column;gap:0;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease2);visibility:hidden;overflow:auto}
.nav-open .drawer{clip-path:inset(0 0 0 0);visibility:visible}
.drawer a{text-decoration:none;font-family:var(--mincho);font-size:26px;font-weight:700;padding:14px 0;border-bottom:1px solid var(--dline);display:flex;justify-content:space-between;align-items:baseline;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.nav-open .drawer a{opacity:1;transform:none}
.nav-open .drawer a:nth-child(2){transition-delay:.05s}.nav-open .drawer a:nth-child(3){transition-delay:.1s}.nav-open .drawer a:nth-child(4){transition-delay:.15s}.nav-open .drawer a:nth-child(5){transition-delay:.2s}.nav-open .drawer a:nth-child(6){transition-delay:.25s}.nav-open .drawer a:nth-child(7),.nav-open .drawer a:nth-child(8){transition-delay:.3s}
.drawer a small{font-family:var(--gothic);font-size:12px;color:var(--dtext);font-weight:500;letter-spacing:.1em}
.drawer .btn{margin-top:18px;font-family:var(--gothic);font-size:16px;justify-content:center;border-bottom:0}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 34px;background:var(--mint);color:var(--deep);text-decoration:none;font-weight:700;letter-spacing:.1em;border:1px solid var(--mint);border-radius:999px;position:relative;overflow:hidden;cursor:pointer;isolation:isolate;transition:color .5s var(--ease),border-color .5s}
.btn::before{content:"";position:absolute;inset:-1px;z-index:-1;background:var(--deep);border-radius:inherit;transform:scale(0,1);transform-origin:right;transition:transform .6s var(--ease)}
.btn:hover::before{transform:scale(1,1);transform-origin:left}
.btn:hover{border-color:var(--deep);color:var(--mint)}
.btn::after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:2px;transition:transform .5s var(--ease)}
.btn:hover::after{transform:translateX(4px) rotate(45deg)}
.btn-sm{min-height:46px;padding:0 22px;font-size:13.5px}
.btn-lg{min-height:66px;padding:0 42px;font-size:16.5px}
.btn-ghost{background:transparent;color:var(--sumi);border-color:var(--sumi)}
.btn-ghost:hover{color:var(--mint)}
.dark .btn::before,.drawer .btn::before{background:var(--paper)}
.dark .btn:hover,.drawer .btn:hover{color:var(--sumi);border-color:var(--washi)}
.dark .btn-ghost,.drawer .btn-ghost{color:var(--washi);border-color:rgba(244,239,230,.4)}
.tlink{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:700;text-decoration:none;color:var(--sumi);position:relative;align-self:flex-start;letter-spacing:.06em}
.tlink::before{content:"";width:34px;height:1px;background:currentColor;transition:width .6s var(--ease)}
.tlink:hover::before{width:56px}
.tlink:hover{color:var(--bengara)}
.dark .tlink{color:var(--washi)}
.dark .tlink:hover{color:var(--bengara-l)}

/* ---------- section basics ---------- */
.sec{padding:clamp(96px,13vw,180px) 0;position:relative}
.sec-pale{background:var(--pale)}
.dark{background:var(--sumi);color:var(--washi)}
.eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--mincho);font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--bengara);margin-bottom:22px}
.eyebrow::before{content:"";width:9px;height:9px;background:var(--teal);border-radius:1.5px;transform:rotate(-4deg)}
.dark .eyebrow{color:var(--bengara-l)}
.dark .eyebrow::before{background:var(--mint)}
.h2{font-family:var(--mincho);font-weight:700;font-size:clamp(30px,4.2vw,56px);line-height:1.45;margin:0;letter-spacing:.06em}
.h2-s{font-size:clamp(26px,2.9vw,40px)}
.lead{font-size:clamp(15px,1.25vw,17px);line-height:2.15;color:var(--ink2);margin:26px 0 0;max-width:40em}
.dark .lead{color:var(--dtext)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(44px,6vw,80px)}
.note{font-size:13px;color:var(--mute);line-height:1.85}
.dark .note{color:var(--dtext)}

/* ---------- photo placeholder ---------- */
.ph{position:relative;background:linear-gradient(160deg,var(--ph2),var(--ph1) 55%,var(--ph3));overflow:hidden;min-height:200px;display:flex;align-items:flex-end;padding:16px}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 75% 15%,rgba(255,250,240,.55),transparent 55%),radial-gradient(90% 70% at 10% 100%,rgba(60,45,30,.18),transparent 60%)}
.ph.v2{background:linear-gradient(200deg,#E2D7C7,#D3C5B2 60%,#C4B49F)}
.ph.v3{background:linear-gradient(140deg,#C9BAA5,#B7A690 60%,#A8957E)}
.ph .phl{position:relative;font-size:11.5px;line-height:1.6;color:var(--ink2);background:rgba(251,248,242,.88);padding:5px 10px;max-width:90%;letter-spacing:.04em}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kb{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}

/* ---------- reveal（控えめに） ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-l{opacity:0;transition:opacity 1.1s var(--ease)}
.rv-l.in{opacity:1}
.mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--ease2)}
.mask.in{clip-path:inset(0 0 0 0)}
.mask>.ph-in{transform:scale(1.15);transition:transform 2s var(--ease)}
.mask.in>.ph-in{transform:scale(1)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* =================== FV =================== */
.fv{position:relative;min-height:100svh;padding:118px clamp(20px,3vw,44px) clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:clamp(20px,3vw,40px) clamp(24px,4vw,64px)}
.fv-photo{grid-row:1;grid-column:1;position:relative;min-height:340px;border-radius:2px;overflow:hidden;clip-path:inset(100% 0 0 0);animation:reveal 1.6s var(--ease2) forwards}
.fv-photo .ph{position:absolute;inset:0;min-height:0}
@keyframes reveal{to{clip-path:inset(0 0 0 0)}}
.fv-photo .sub{position:absolute;right:16px;bottom:16px;display:flex;gap:10px}
.fv-photo .sub .ph{position:relative;width:clamp(110px,13vw,190px);aspect-ratio:3/4;border:5px solid var(--washi);box-shadow:0 20px 40px -20px rgba(30,27,24,.45)}
.fv h1{grid-row:1/3;grid-column:2;margin:0;writing-mode:vertical-rl;font-family:var(--mincho);font-weight:700;line-height:1.08;letter-spacing:.1em;display:flex;flex-direction:column;align-items:flex-start;gap:.15em;align-self:start;padding-top:4px}
.fv h1 .l1{font-size:clamp(56px,8.4vh,124px);font-size:clamp(56px,min(8.6vw,11.5vh),124px)}
.fv h1 .l2{font-size:clamp(28px,min(4vw,5.4vh),58px);letter-spacing:.2em;margin-top:2.4em;color:var(--sumi)}
.fv h1 ruby rt{font-size:.18em;letter-spacing:.4em;color:var(--bengara);font-weight:600}
.fv h1 .l1,.fv h1 .l2{display:block;clip-path:inset(0 0 100% 0);animation:brush 1.5s var(--ease2) forwards}
.fv h1 .l1{animation-delay:.7s}.fv h1 .l2{animation-delay:1.3s}
@keyframes brush{to{clip-path:inset(-10% -10% -10% -10%)}}
.fv-bottom{grid-row:2;grid-column:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,3vw,48px);align-items:end}
.fv-bottom .seal{--s:clamp(64px,6vw,86px)}
.fv-sub{font-family:var(--mincho);font-weight:700;font-size:clamp(19px,1.9vw,27px);margin:0;line-height:1.6;letter-spacing:.08em}
.fv-body{margin:8px 0 0;color:var(--ink2);font-size:14.5px;line-height:2}
.fv-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.telbox{display:flex;flex-direction:column;line-height:1.35;text-decoration:none}
.telbox small{font-size:11.5px;color:var(--mute);letter-spacing:.08em}
.telbox b{font-family:var(--mincho);font-size:22px;letter-spacing:.06em}
.fv-cta .telbox{align-items:flex-end}
.fv-ani{opacity:0;animation:fade 1.2s var(--ease) forwards}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scroll-cue{position:absolute;left:clamp(20px,3vw,44px);bottom:50%;writing-mode:vertical-rl;font-family:var(--mincho);font-size:11px;letter-spacing:.4em;color:var(--mute);display:none}

/* ---------- 証（権威） ---------- */
.proof{padding:clamp(56px,7vw,96px) 0;border-bottom:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.proof-item{padding:6px clamp(16px,2vw,32px);display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--line)}
.proof-item:first-child{border-left:0;padding-left:0}
.proof-item b{font-family:var(--mincho);font-size:clamp(18px,1.7vw,23px);line-height:1.5;letter-spacing:.06em}
.proof-item span{font-size:13px;color:var(--mute);line-height:1.8}

/* ---------- お悩み（墨・アコーディオン） ---------- */
.worry-head{text-align:center;margin-bottom:clamp(56px,7vw,96px)}
.worry-head .h2{font-size:clamp(34px,5.6vw,76px);line-height:1.35}
.worry-head .lead{margin-left:auto;margin-right:auto}
.worry-head .eyebrow{justify-content:center}
.acc{border-top:1px solid var(--dline);max-width:1040px;margin:0 auto}
.acc-item{border-bottom:1px solid var(--dline)}
.acc-q{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:20px;padding:clamp(22px,2.6vw,32px) 0;background:none;border:0;text-align:left;cursor:pointer;color:var(--washi);font-family:var(--mincho);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.55;letter-spacing:.05em;transition:color .4s}
.acc-q:hover{color:var(--bengara-l)}
.acc-q .pm{width:48px;height:48px;border:1px solid var(--dline);border-radius:50%;position:relative;transition:background .4s,border-color .4s}
.acc-q .pm::before,.acc-q .pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform .5s var(--ease)}
.acc-q .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc-q[aria-expanded="true"] .pm{background:var(--mint);border-color:var(--mint);color:var(--deep)}
.acc-q[aria-expanded="true"] .pm::after{transform:translate(-50%,-50%) rotate(0)}
.acc-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.acc-a>div{overflow:hidden}
.acc-item.open .acc-a{grid-template-rows:1fr}
.acc-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,64px);padding:0 0 clamp(28px,3vw,40px)}
.acc-body h3{margin:0;font-family:var(--mincho);font-size:clamp(20px,2vw,26px);line-height:1.6;color:var(--bengara-l);letter-spacing:.06em}
.acc-body p{margin:0 0 14px;color:var(--dtext);line-height:2.05}

/* ---------- KIRAKUSとは ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center}
.about-photo{position:relative;min-height:clamp(380px,46vw,640px)}
.about-photo .ph{position:absolute;inset:0 18% 0 0}
.about-photo .ph+.ph{inset:auto 0 -8% auto;width:46%;height:46%;border:6px solid var(--pale)}
.about-photo .vq{margin:0;white-space:nowrap;position:absolute;right:4%;top:0;writing-mode:vertical-rl;font-family:var(--mincho);font-size:clamp(15px,1.3vw,18px);line-height:2.2;letter-spacing:.2em;color:var(--ink2);height:50%}
.quote{margin:34px 0 0;padding:28px 0 0;border-top:1px solid var(--line);display:flex;gap:22px;align-items:flex-start}
.quote .seal{--s:46px;margin-top:4px}
.quote p{margin:0;font-family:var(--mincho);font-size:clamp(17px,1.6vw,21px);line-height:1.95}
.quote cite{display:block;margin-top:10px;font-style:normal;font-size:13px;color:var(--mute)}

/* ---------- 価値観（三語） ---------- */
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.val{padding:clamp(40px,5vw,72px) clamp(20px,3vw,48px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:18px;position:relative}
.val:first-child{border-left:0}
.val .nm{white-space:nowrap;font-family:var(--mincho);font-weight:700;font-size:clamp(48px,6.2vw,88px);line-height:1;letter-spacing:.04em;transition:color .6s var(--ease)}
.val:hover .nm{color:var(--bengara)}
.val .ld{font-family:var(--mincho);font-weight:700;font-size:17px;letter-spacing:.06em}
.val p{margin:0;font-size:14.5px;color:var(--ink2);line-height:2}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillar{padding:clamp(36px,4vw,60px) clamp(20px,3vw,44px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.pillar:first-child{border-left:0}
.pillar .no{display:none}
.pillar .nm{font-family:var(--mincho);font-size:clamp(44px,5.6vw,84px);font-weight:700;line-height:1.05;transition:color .6s var(--ease)}
.pillar:hover .nm{color:var(--bengara)}
.pillar .ld{font-family:var(--mincho);font-weight:700;font-size:17px}
.pillar p{margin:0;font-size:14.5px;color:var(--ink2);line-height:2}

/* ---------- 工事メニュー（索引） ---------- */
.idx{border-top:1px solid var(--line)}
.idx-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 56px;gap:clamp(16px,3vw,48px);align-items:center;padding:clamp(28px,3.4vw,46px) 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:padding .6s var(--ease)}
.idx-row h3{margin:0;font-family:var(--mincho);font-size:clamp(28px,3.3vw,48px);white-space:nowrap;line-height:1.25;font-weight:700;letter-spacing:.06em;transition:transform .6s var(--ease),color .4s}
.idx-row h3 small{display:block;font-family:var(--gothic);font-size:13px;font-weight:700;color:var(--bengara);letter-spacing:.1em;margin-bottom:8px}
.idx-row p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.95}
.idx-row .chips{margin-top:12px}
.idx-row .go{width:56px;height:56px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;transition:all .5s var(--ease)}
.idx-row .go::after{content:"";width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateX(-2px) rotate(45deg)}
.idx-row:hover h3{transform:translateX(14px);color:var(--bengara)}
.idx-row:hover .go{background:var(--mint);border-color:var(--mint);color:var(--deep)}
.idx-ph{position:absolute;left:var(--mx,50%);top:var(--my,50%);width:300px;height:210px;pointer-events:none;z-index:5;opacity:0;transform:translate(-50%,-60%) scale(.85) rotate(-3deg);transition:opacity .4s,transform .6s var(--ease);min-height:0;box-shadow:0 30px 60px -30px rgba(30,27,24,.5)}
.idx-row:hover .idx-ph{opacity:1;transform:translate(-50%,-60%) scale(1) rotate(-3deg)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{padding:3px 12px;border:1px solid var(--line2);border-radius:999px;font-size:12.5px;color:var(--ink2)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:20px;border-top:1px solid var(--line)}
.facts div{display:flex;flex-direction:column;gap:2px}
.facts small{font-size:12px;color:var(--mute);letter-spacing:.06em}
.facts b{font-family:var(--mincho);font-size:19px}

/* ---------- 施工事例：特集の施工前後 ---------- */
.feature{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:end}
.feature .ba{aspect-ratio:16/10}
.feature-meta{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}
.feature-meta h3{margin:0;font-family:var(--mincho);font-size:clamp(20px,1.9vw,26px);line-height:1.6}
.feature-meta .spec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:14px;margin:6px 0 10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-meta .spec dt{color:var(--mute)}
.feature-meta .spec dd{margin:0}
.thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(28px,3vw,40px)}

.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,3vw,48px) clamp(18px,2vw,28px)}
.case{display:flex;flex-direction:column;gap:12px}
.case.hide{display:none}
.ba{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ph3);user-select:none;touch-action:pan-y;border-radius:2px}
.ba .ph{position:absolute;inset:0;min-height:0}
.ba .after{clip-path:inset(0 0 0 var(--pos,50%));justify-content:flex-end}
.ba .phl{max-width:44%;font-size:11px;padding:4px 8px}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:1.5px;background:#fff;transform:translateX(-.75px);pointer-events:none}
.ba .knob{position:absolute;top:50%;left:var(--pos,50%);width:54px;height:54px;border-radius:50%;background:rgba(251,248,242,.95);transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;box-shadow:0 10px 24px -10px rgba(30,27,24,.55);transition:width .3s,height .3s}
.ba:hover .knob{width:62px;height:62px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .tag{position:absolute;top:14px;font-family:var(--mincho);font-size:13px;font-weight:700;letter-spacing:.2em;padding:4px 12px;background:rgba(30,27,24,.78);color:#fff;pointer-events:none;border-radius:999px}
.ba .tag.b{left:14px}.ba .tag.a{right:14px;background:var(--mint);color:var(--deep)}
.case .meta{font-size:12.5px;color:var(--mute)}
.case h3{font-family:var(--mincho);font-size:18px;line-height:1.65;margin:0}
.case .spec{font-size:13px;color:var(--ink2)}

/* ---------- 評価チャート ---------- */
.radar-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.radar-box{position:relative;width:100%;max-width:580px;margin:0 auto;aspect-ratio:1}
.radar-box svg{width:100%;height:100%;overflow:visible}
.radar-box .ring{fill:none;stroke:var(--line);stroke-width:1}
.radar-box .ring.o{fill:var(--pale);stroke:var(--line2)}
.dark .radar-box .ring{stroke:var(--dline)}
.dark .radar-box .ring.o{fill:rgba(244,239,230,.03);stroke:rgba(244,239,230,.25)}
.radar-box .spoke{stroke:var(--line);stroke-width:1;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.4s var(--ease)}
.dark .radar-box .spoke{stroke:var(--dline)}
.radar-box.in .spoke{stroke-dashoffset:0}
.radar-box .ax{position:absolute;transform:translate(-50%,-50%);min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--line2);background:var(--washi);font-family:var(--mincho);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:all .4s var(--ease);opacity:0;letter-spacing:.08em}
.dark .radar-box .ax{background:var(--sumi);border-color:rgba(244,239,230,.3);color:var(--washi)}
.radar-box.in .ax{opacity:1}
.radar-box .ax[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:var(--mint)}
.dark .radar-box .ax[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:var(--deep)}
.radar-box .data{fill:var(--teal);fill-opacity:.16;stroke:var(--bengara);stroke-width:2.5;stroke-linejoin:round}
.collecting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(240px,56%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.collecting b{font-family:var(--mincho);font-size:clamp(24px,2.4vw,32px);letter-spacing:.14em}
.collecting span{font-size:12.5px;line-height:1.7;color:var(--mute)}
.dark .collecting span{color:var(--dtext)}
.collecting .meter{width:100%;height:2px;background:var(--line);margin-top:8px;position:relative;overflow:hidden}
.dark .collecting .meter{background:var(--dline)}
.collecting .meter i{position:absolute;left:0;top:0;bottom:0;background:var(--teal);width:0;transition:width 1.6s var(--ease)}
.axis-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:34px;min-height:150px}
.dark .axis-card{border-color:var(--dline)}
.axis-card .t{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.axis-card b{font-family:var(--mincho);font-size:26px;letter-spacing:.1em}
.axis-card .sc{font-family:var(--mincho);font-size:18px;font-weight:700;color:var(--bengara)}
.dark .axis-card .sc{color:var(--bengara-l)}
.axis-card p{margin:10px 0 0;font-size:14.5px;color:var(--ink2);line-height:1.95}
.dark .axis-card p{color:var(--dtext)}
.swap{animation:swap .7s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- 流れ ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.step{position:relative;padding:clamp(32px,3.5vw,52px) clamp(18px,2.4vw,40px) 0;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.step:first-child{border-left:0;padding-left:0}
.step::after{content:"";position:absolute;top:-1px;left:0;height:2px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease)}
.step.in::after{transform:scaleX(1)}
.step .n{font-family:var(--mincho);font-size:clamp(54px,5.4vw,80px);font-weight:700;color:var(--teal);line-height:1}
.step .t{font-family:var(--mincho);font-size:clamp(20px,1.9vw,25px);font-weight:700;letter-spacing:.06em}
.step p{margin:0;font-size:14.5px;color:var(--ink2);line-height:2}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(56px,6vw,88px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lcard{display:flex;flex-direction:column;gap:6px;padding:28px clamp(18px,2.4vw,36px);text-decoration:none;border-left:1px solid var(--line);transition:background .5s var(--ease)}
.lcard:first-child{border-left:0}
.lcard:hover{background:var(--washi)}
.lcard b{font-family:var(--mincho);font-size:18px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.06em}
.lcard b span{display:none}
.lcard>span{font-size:13.5px;color:var(--ink2);line-height:1.85}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(36px,6vw,96px);align-items:start}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:14px;align-items:baseline;padding:24px 0;font-weight:700;font-size:16px;line-height:1.7}
.faq summary::-webkit-details-marker{display:none}
.faq summary .q{font-family:var(--mincho);font-size:20px;color:var(--bengara)}
.faq summary::after{content:"";width:10px;height:10px;border-right:1.5px solid var(--sumi);border-bottom:1.5px solid var(--sumi);transform:rotate(45deg);transition:transform .4s var(--ease);justify-self:end;margin-top:-4px}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq .ans{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 34px 26px 0;color:var(--ink2);font-size:15px;line-height:2}
.faq .ans .a{font-family:var(--mincho);font-size:20px;color:var(--mute);line-height:1.5}
.faq details[open] .ans{animation:swap .6s var(--ease)}
/* 旧FAQ（dl）も同じ見た目に */
.qa{padding:26px 0;border-bottom:1px solid var(--line)}
.qa dt{display:flex;gap:14px;font-weight:700;font-size:16px;line-height:1.7}
.qa dd{margin:10px 0 0;display:flex;gap:14px;color:var(--ink2);font-size:15px;line-height:1.95}
.qa .q,.qa .a{font-family:var(--mincho);font-size:20px;font-weight:700;line-height:1.3;flex-shrink:0;width:22px}
.qa .q{color:var(--bengara)}.qa .a{color:var(--mute)}

/* ---------- 対応エリア（略地図） ---------- */
.area-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr);gap:clamp(36px,6vw,96px);align-items:center}
.amap{position:relative;aspect-ratio:1.15;max-width:620px;width:100%;margin:0 auto}
.amap svg{position:absolute;inset:0;width:100%;height:100%}
.amap .ring{fill:none;stroke:var(--line2);stroke-dasharray:3 6}
.amap .pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--mincho);font-weight:700;font-size:clamp(15px,1.5vw,20px);letter-spacing:.1em;white-space:nowrap}
.amap .pin i{width:10px;height:10px;border-radius:50%;background:var(--sumi);box-shadow:0 0 0 6px rgba(30,27,24,.06)}
.amap .pin.home{font-size:clamp(20px,2.2vw,28px)}
.amap .pin.home .seal{--s:46px}
.amap .pin.home .seal span{font-size:13px}
.amap .pulse{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--teal);transform:translate(-50%,-50%) scale(.2);opacity:0;animation:pulse 4.5s var(--ease) infinite}
.amap .pulse.p2{animation-delay:1.5s}.amap .pulse.p3{animation-delay:3s}
@keyframes pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}

/* ---------- 締めのCTA ---------- */
.cta-sec{overflow:hidden}
.cta-band{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center;position:relative}
.cta-band .h2{font-size:clamp(30px,3.7vw,52px)}
.cta-band .acts{display:flex;flex-direction:column;gap:12px}
.cta-band .btn{width:100%}
.cta-bg{position:absolute;right:-4vw;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--mincho);font-weight:700;font-size:clamp(160px,22vw,340px);line-height:1;color:rgba(244,239,230,.035);pointer-events:none;letter-spacing:.05em}

/* ---------- footer ---------- */
.ft{background:var(--sumi2);color:var(--dtext);padding:clamp(64px,7vw,96px) 0 56px;font-size:13.5px}
.ft-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}
.ft .fl{display:flex;align-items:center;gap:14px}
.ft .fl .seal{--s:44px}
.ft .fl b{font-family:var(--mincho);font-size:26px;font-weight:700;letter-spacing:.2em;color:var(--washi)}
.ft .pw{font-family:var(--mincho);color:var(--washi);margin:14px 0 20px;font-size:15px;letter-spacing:.1em}
.ft p{margin:3px 0;line-height:1.85}
.ft nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;align-content:start}
.ft nav a{text-decoration:none;min-height:42px;display:flex;align-items:center;transition:color .3s}
.ft nav a:hover{color:var(--washi)}
.ft .cp{margin-top:56px;padding-top:22px;border-top:1px solid var(--dline);font-size:11.5px;letter-spacing:.1em}

.mcta{display:none}

/* =================== 下層ページ =================== */
.phero{padding:clamp(150px,17vw,230px) 0 clamp(56px,7vw,96px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.phero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.phero .en{display:none}
.phero .eyebrow{display:none}
.phero h1{font-family:var(--mincho);font-weight:700;font-size:clamp(38px,5.6vw,80px);line-height:1.3;margin:0;letter-spacing:.08em}
.phero .lead{grid-column:1}
.phero .wrap>*{grid-column:1}
.phero .seal{grid-column:2;grid-row:1/4;align-self:end;--s:clamp(64px,7vw,96px)}
.crumb{font-size:12px;color:var(--mute);margin-bottom:32px;display:flex;gap:10px;letter-spacing:.08em}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--bengara)}

.anchor-nav{position:sticky;top:70px;z-index:20;background:rgba(244,239,230,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.anchor-nav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.anchor-nav a{flex-shrink:0;min-height:44px;display:flex;align-items:center;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:13.5px;border:1px solid var(--line2);transition:all .4s var(--ease)}
.anchor-nav a:hover,.anchor-nav a.on{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:start}
.svc.rev .ph{order:2}
.svc .ph{min-height:clamp(320px,40vw,600px);position:sticky;top:150px}
.svc-no{font-family:var(--mincho);font-size:14px;color:var(--bengara);font-weight:700;letter-spacing:.14em}
.svc h2{font-family:var(--mincho);font-size:clamp(28px,3.4vw,46px);margin:10px 0 0;line-height:1.45;letter-spacing:.06em}
.svc-intent{display:inline-block;margin-top:16px;font-size:13px;font-weight:700;padding:5px 16px;border:1px solid var(--sumi);border-radius:999px}
.svc-list{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.svc-list li{padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--mincho);font-weight:700;font-size:17px;display:flex;flex-direction:column;gap:2px;line-height:1.6}
.svc-list li:nth-child(odd){padding-right:16px}
.svc-list li small{font-family:var(--gothic);font-weight:400;font-size:12.5px;color:var(--mute)}
.pts{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pts li{display:flex;gap:14px;line-height:1.9;font-size:14.5px;color:var(--ink2)}
.pts li::before{content:"";flex-shrink:0;width:7px;height:7px;margin-top:.8em;background:var(--teal);border-radius:1px;transform:rotate(-4deg)}
.lp-fv{background:var(--sumi);color:var(--washi);padding:clamp(26px,3vw,40px);margin-top:24px;border-radius:2px}
.lp-fv .q{font-size:13px;font-weight:700;color:var(--dtext);letter-spacing:.06em}
.lp-fv .pw{font-family:var(--mincho);font-size:clamp(24px,2.4vw,32px);font-weight:700;margin-top:6px;letter-spacing:.08em}
.lp-fv .facts{border-color:var(--dline)}
.lp-fv .facts small{color:var(--dtext)}
.lp-fv .tbd{background:rgba(227,167,150,.14);color:var(--bengara-l)}

.filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:44px}
.tab{min-height:46px;padding:0 22px;border-radius:999px;cursor:pointer;font-weight:700;font-size:13.5px;border:1px solid var(--line2);background:transparent;transition:all .4s var(--ease);letter-spacing:.06em}
.tab:hover{border-color:var(--sumi)}
.tab[aria-pressed="true"],.tab[aria-selected="true"]{background:var(--sumi);color:#fff;border-color:var(--sumi)}

.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.voice{padding:clamp(28px,3vw,44px) clamp(18px,2.4vw,36px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.voice:first-child{border-left:0;padding-left:0}
.voice .who{font-size:12.5px;color:var(--mute)}
.voice p{margin:0;font-family:var(--mincho);font-size:17px;line-height:2}
.voice::before{content:"“";font-family:var(--mincho);font-size:64px;line-height:.6;color:var(--teal);height:28px}
.policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.policy div{padding-top:24px;border-top:2px solid var(--sumi)}
.policy b{display:block;font-family:var(--mincho);font-size:21px;margin-bottom:10px;letter-spacing:.06em}
.policy p{margin:0;font-size:14.5px;color:var(--ink2);line-height:2}

.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th,.tbl td{padding:20px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.85}
.tbl th{width:28%;font-weight:700;white-space:nowrap;font-family:var(--mincho);font-size:15.5px;padding-left:0}
.tbl thead th{font-family:var(--gothic);font-size:12.5px;color:var(--mute);font-weight:700;border-bottom:1px solid var(--sumi);padding-top:0;width:auto;letter-spacing:.06em}
.tbl-wrap{overflow-x:auto}
.reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.reason{padding:clamp(26px,3vw,40px) clamp(0px,2vw,32px) clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--line);display:flex;gap:20px}
.reason:nth-child(even){padding-left:clamp(20px,3vw,40px);border-left:1px solid var(--line)}
.reason .n{font-family:var(--mincho);font-size:30px;color:var(--bengara);font-weight:700;line-height:1.1}
.reason b{display:block;font-family:var(--mincho);font-size:19px;margin-bottom:6px;letter-spacing:.04em}
.reason p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.95}

.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.msg-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:start}
.msg-grid .ph{min-height:clamp(360px,42vw,620px);position:sticky;top:120px}
.msg p{margin:0 0 1.3em;line-height:2.3;font-size:15.5px;color:var(--ink2)}
.sign{font-family:var(--mincho);font-size:18px;margin-top:24px;display:flex;align-items:center;gap:16px}
.timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.timeline li{padding:clamp(28px,3vw,44px) clamp(18px,2.4vw,36px) 0;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.timeline li:first-child{border-left:0;padding-left:0}
.timeline .g{font-family:var(--mincho);font-size:clamp(44px,4.6vw,68px);font-weight:700;color:var(--bengara);line-height:1}
.timeline b{font-family:var(--mincho);font-size:20px}
.timeline p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.95}
.creds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cred{padding:28px clamp(16px,2vw,28px);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-height:150px}
.cred:first-child{border-left:0;padding-left:0}
.cred small{font-size:12px;color:var(--bengara);font-weight:700;letter-spacing:.1em}
.cred b{font-family:var(--mincho);font-size:19px;line-height:1.55}

.form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.form{background:var(--pale);padding:clamp(26px,4vw,56px);display:flex;flex-direction:column;gap:26px;border-radius:2px}
.fld{display:flex;flex-direction:column;gap:9px}
.fld>label,.fld legend{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:10px;padding:0}
.req{font-size:10.5px;padding:2px 9px;background:var(--deep);color:var(--mint);letter-spacing:.1em;font-weight:700;border-radius:999px}
.opt{font-size:10.5px;padding:1px 9px;border:1px solid var(--line2);color:var(--mute);letter-spacing:.1em;font-weight:500;border-radius:999px}
fieldset.fld{border:0;margin:0;padding:0}
.inp{width:100%;min-height:54px;padding:12px 2px;border:0;border-bottom:1px solid var(--line2);background:transparent;border-radius:0;font-size:16px;transition:border-color .3s}
.inp:focus{outline:none;border-bottom-color:var(--bengara);box-shadow:0 1px 0 var(--bengara)}
select.inp{padding-right:20px}
textarea.inp{min-height:130px;resize:vertical;line-height:1.85;border:1px solid var(--line2);padding:12px 14px;background:#fff}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.ck{position:relative}
.ck input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.ck span{display:flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line2);background:#fff;font-size:14px;font-weight:700;transition:all .3s;border-radius:999px}
.ck input:checked+span{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.ck input:focus-visible+span{outline:2px solid var(--bengara);outline-offset:2px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7}
.agree input{width:20px;height:20px;margin-top:3px;accent-color:var(--bengara)}
.form .btn{width:100%}
.sent{display:none;text-align:center;padding:48px 10px}
.sent b{font-family:var(--mincho);font-size:26px;display:block;margin-bottom:10px}
.side{display:flex;flex-direction:column;gap:0;position:sticky;top:110px;border-top:1px solid var(--line)}
.side-box{border-bottom:1px solid var(--line);padding:26px 0}
.side-box h3{font-family:var(--mincho);font-size:19px;margin:0 0 14px;letter-spacing:.06em}
.flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.flow li{display:flex;gap:16px;font-size:14.5px;line-height:1.8}
.flow li b{font-family:var(--mincho);color:var(--bengara);font-size:22px;line-height:1.15;flex-shrink:0;width:18px}

/* ====================== responsive ====================== */
@media (max-width:1180px){
  .gnav .nl,.hd-tel{display:none}
  .burger{display:block}
}
@media (max-width:900px){
  .hd-in{height:72px}.hd.scrolled .hd-in{height:62px}
  .gnav .btn{display:none}
  .fv{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:0;padding-top:92px;gap:22px 18px}
  .fv-photo{min-height:clamp(380px,62vh,560px)}
  .fv h1{grid-row:1;grid-column:2}
  .fv h1 .l1{font-size:clamp(44px,12vw,72px)}
  .fv h1 .l2{font-size:clamp(24px,6.4vw,38px)}
  .fv-photo .sub{display:none}
  .fv-bottom{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);row-gap:24px}
  .fv-cta{grid-column:1/-1;align-items:stretch}
  .fv-cta .btn{width:100%}
  .fv-cta .telbox{align-items:center}
  .about,.radar-grid,.area-grid,.cta-band,.svc,.msg-grid,.form-grid,.ft-grid,.feature,.faq-grid,.about-grid{grid-template-columns:minmax(0,1fr)}
  .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
  .proof-item:nth-child(3){border-left:0;padding-left:0}
  .values,.pillars,.steps,.cards3,.voices,.policy,.timeline,.cases,.thumbs{grid-template-columns:minmax(0,1fr)}
  .val,.pillar,.step,.lcard,.voice,.timeline li{border-left:0;padding-left:0;padding-right:0;border-top:1px solid var(--line)}
  .val:first-child,.pillar:first-child,.lcard:first-child,.voice:first-child,.timeline li:first-child{border-top:0}
  .step{padding-bottom:28px}
  .idx-row{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"h go" "p p"}
  .idx-row h3{grid-area:h}.idx-row>div:nth-of-type(1){grid-area:p}.idx-row .go{grid-area:go;width:48px;height:48px}
  .idx-ph{display:none}
  .acc-body{grid-template-columns:minmax(0,1fr)}
  .creds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cred:nth-child(3){border-left:0;padding-left:0}
  .cred:nth-child(n+3){border-top:1px solid var(--line)}
  .reasons{grid-template-columns:minmax(0,1fr)}
  .reason:nth-child(even){padding-left:0;border-left:0}
  .svc .ph{position:relative;top:0;order:-1!important}
  .msg-grid .ph{position:relative;top:0}
  .side{position:static}
  .about-photo .vq{display:none}
  .phero .seal{display:none}
  .cta-bg{display:none}
  .mcta{display:grid;grid-template-columns:1fr 1.5fr;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:45;background:rgba(15,61,62,.95);backdrop-filter:blur(10px);padding:6px;gap:6px;border-radius:999px;transform:translateY(140%);transition:transform .6s var(--ease);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
  .mcta.show{transform:none}
  .mcta a{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;border-radius:999px;letter-spacing:.06em}
  .mcta .t{color:var(--washi)}
  .mcta .c{background:var(--mint);color:var(--deep)}
  .ft{padding-bottom:120px}
  .anchor-nav{top:62px}
  .radar-box{max-width:min(460px,80%)}
}
@media (max-width:600px){
  body{font-size:15px}
  .logo-name{font-size:19px}
  .h2{font-size:clamp(25px,7vw,30px)}
  .worry-head .h2{font-size:clamp(30px,8.6vw,36px)}
  .logo .seal{--s:30px}
  .fv-photo{min-height:min(64vh,470px)}
  .fv-bottom .seal{--s:58px}
  .proof-item b{font-size:16px}
  .svc-list{grid-template-columns:minmax(0,1fr)}
  .svc-list li:nth-child(odd){padding-right:0}
  .two{grid-template-columns:minmax(0,1fr)}
  .radar-box .ax{font-size:13px;padding:6px 12px;min-height:40px}
  .tbl th{white-space:normal;width:34%}
  .tbl th,.tbl td{padding:14px 8px 14px 0;font-size:13.5px}
  .creds{grid-template-columns:minmax(0,1fr)}
  .cred{border-left:0!important;padding-left:0;border-top:1px solid var(--line)}
  .cred:first-child{border-top:0}
  .amap .pin{font-size:14px}
  .acc-q{font-size:17px;grid-template-columns:minmax(0,1fr) 40px}
  .acc-q .pm{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv,.rv-l,.mask{opacity:1;transform:none;clip-path:none}
  .opening{display:none}
}
body[data-current="contact"] .cta-sec,body[data-current="privacy"] .cta-sec{display:none}
.pre .fv-photo,.pre .fv h1 .l1,.pre .fv h1 .l2,.pre .fv-ani,.pre .kb{animation-play-state:paused}

/* ================= v3 追加：ロゴ・写真・スライド ================= */
.mark{display:block;flex-shrink:0;color:#6E6A5E}
.mark .o{fill:none;stroke:currentColor;stroke-width:10;stroke-linejoin:miter}
.mark .k1{fill:var(--olive)}.mark .k2{fill:var(--plum)}
.logo .mark{width:40px;height:42px}
.logo-name{font-family:'Jost',var(--gothic);font-weight:400;font-size:21px;letter-spacing:.42em;line-height:1}
.logo-tag{font-family:var(--mincho);font-size:11px;letter-spacing:.32em;color:var(--mute);font-weight:600;margin-top:6px}
.logo-txt{display:flex;flex-direction:column}
.dark .mark,.ft .mark,.nav-open .hd .mark,.opening .mark{color:var(--paper)}
.dark .mark .k1,.ft .mark .k1,.nav-open .hd .mark .k1,.opening .mark .k1{fill:var(--mint)}
.dark .mark .k2,.ft .mark .k2,.nav-open .hd .mark .k2,.opening .mark .k2{fill:#D9A3AA}
.ft .fl .mark{width:46px;height:48px}
.ft .fl b{font-family:'Jost',var(--gothic);font-weight:400;letter-spacing:.42em}

/* opening：ロゴを描く */
.opening{background:var(--deep)}
.opening .in{flex-direction:column;gap:22px}
.opening .mark{width:96px;height:100px}
.opening .mark .o{stroke-dasharray:2900;stroke-dashoffset:2900}
.opening .mark .k1,.opening .mark .k2{opacity:0;transform:translateY(8px);transition:opacity .6s,transform .8s var(--ease)}
.opening.go .mark .o{animation:draw 1.1s var(--ease2) forwards}
.opening.go .mark .k1{opacity:1;transform:none;transition-delay:.75s}
.opening.go .mark .k2{opacity:1;transform:none;transition-delay:.9s}
@keyframes draw{to{stroke-dashoffset:0}}
.opening .wm{font-family:'Jost',var(--gothic);font-weight:400;font-size:22px;letter-spacing:.6em;padding-left:.6em;transition-delay:1s}

/* 実写真 */
.ph.photo{background:var(--ph1);padding:0}
.ph.photo::before{display:none}
.ph.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph .cap,.cap{position:absolute;left:12px;bottom:12px;z-index:2;font-size:11.5px;letter-spacing:.06em;color:var(--deep);background:rgba(242,239,233,.92);padding:4px 10px;border-radius:999px;line-height:1.5}

/* FV スライド */
.slides{position:absolute;inset:0}
.slide{margin:0;position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease2)}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 7s linear}
.slide.on img{transform:scale(1.02)}
.fv-meta{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(to top,rgba(15,61,62,.55),transparent);color:#fff;font-size:12.5px;letter-spacing:.08em}
.fv-meta .num{font-family:'Jost',var(--gothic);letter-spacing:.2em;font-size:13px}
.fv-meta .bar{flex:0 0 120px;height:2px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.fv-meta .bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--mint)}
.fv-meta .bar i.run{animation:barrun 5.5s linear forwards}
@keyframes barrun{to{width:100%}}
.fv-meta .lbl{flex:1;text-align:right;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.fv-photo .sub .ph{border-color:var(--paper)}

/* 現場の記録（写真の帯） */
.strip{overflow:hidden;padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--line)}
.strip-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}
.strip-head b{font-family:var(--mincho);font-size:18px;letter-spacing:.1em}
.strip-in{display:flex;gap:16px;width:max-content;animation:tick 70s linear infinite}
.strip:hover .strip-in{animation-play-state:paused}
.strip figure{margin:0;width:clamp(220px,22vw,320px);flex-shrink:0}
.strip figure .ph{aspect-ratio:4/5;min-height:0;border-radius:2px}
.strip figcaption{font-size:12px;color:var(--mute);margin-top:8px;letter-spacing:.04em}
@keyframes tick{to{transform:translateX(-50%)}}

/* 特集：全面改修ストーリー */
.story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);align-items:end;margin-top:clamp(56px,7vw,96px)}
.story .ph{min-height:0}
.story .b{aspect-ratio:4/3}
.story .a{aspect-ratio:4/3}
.story-txt{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);align-items:start}
.story-txt h3{margin:0;font-family:var(--mincho);font-size:clamp(22px,2.4vw,32px);line-height:1.55;letter-spacing:.06em}
.story .arrow{position:relative}
.story .tag2{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--mincho);font-weight:700;font-size:13px;letter-spacing:.18em;padding:4px 12px;border-radius:999px;background:rgba(15,61,62,.85);color:#fff}
.story .a .tag2{background:var(--mint);color:var(--deep)}

/* 下層ヒーローの写真 */
.phero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;align-items:end}
.phero-img{grid-column:2!important;grid-row:1/5;align-self:stretch;position:relative;min-height:clamp(260px,26vw,380px);border-radius:2px;overflow:hidden;clip-path:inset(0 0 100% 0);animation:reveal 1.4s var(--ease2) .2s forwards}
.phero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero-img .seal{position:absolute;right:16px;bottom:16px;--s:58px}

/* 締めのCTA：写真の上に */
.cta-sec{background:var(--deep)}
.cta-photo{position:absolute;inset:0;opacity:.22}
.cta-photo img{width:100%;height:100%;object-fit:cover}
.cta-sec::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep) 30%,rgba(15,61,62,.6));pointer-events:none}
.cta-sec .wrap{position:relative;z-index:2}

/* 評価セクション（ディープティール）の小さな装飾 */
.dark{background:var(--deep)}
.dark .h2 em{font-style:normal}

@media (max-width:900px){
  .phero .wrap{grid-template-columns:minmax(0,1fr)!important}
  .phero-img{grid-column:1!important;grid-row:auto;min-height:220px;margin-top:28px}
  .story,.story-txt{grid-template-columns:minmax(0,1fr)}
  .fv-meta .bar{flex-basis:60px}
}
@media (max-width:600px){
  .logo .mark{width:34px;height:36px}
  .logo-name{font-size:17px;letter-spacing:.34em}
  .logo-tag{font-size:10px}
  .fv-meta{font-size:11px;padding:12px 14px}
  .fv-meta .lbl{display:none}
}
.pre .fv-meta .bar i{animation-play-state:paused}
.thumbs{display:grid;gap:clamp(14px,2vw,24px);margin-top:clamp(18px,2vw,24px)}
@media (max-width:600px){.thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ================= v4：違い（4つの確認） ================= */
.diff{padding-top:clamp(80px,10vw,140px)}
.diff-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.diff-head .lead{margin:0}
.diff-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.diff-qs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.diff-q{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:16px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:22px 4px;cursor:pointer;position:relative;transition:background .4s var(--ease)}
.diff-q .no{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-family:'Jost',var(--gothic);font-size:16px;transition:all .4s var(--ease)}
.diff-q .q{font-family:var(--mincho);font-weight:700;font-size:clamp(17px,1.6vw,21px);line-height:1.55;letter-spacing:.04em}
.diff-q .a{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--mintp);color:var(--deep);white-space:nowrap;transition:all .4s var(--ease)}
.diff-q::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.diff-q[aria-selected="true"]::after{transform:scaleX(1)}
.diff-q[aria-selected="true"] .no{background:var(--deep);border-color:var(--deep);color:var(--mint)}
.diff-q[aria-selected="true"] .a{background:var(--mint)}
.diff-q:hover{background:rgba(217,247,242,.35)}
.diff-ps{position:relative}
.diff-p{display:flex;flex-direction:column;gap:22px}
.diff-p .ba{aspect-ratio:4/3}
.diff-photo{aspect-ratio:4/3;min-height:0}
.diff-ans{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.diff-ans h3{margin:0 0 6px;font-family:var(--mincho);font-size:clamp(19px,1.8vw,24px);line-height:1.55}
.diff-ans p{margin:0 0 10px;color:var(--ink2);font-size:14.5px;line-height:1.95}
.stamp-ok{width:62px;height:62px;border-radius:50%;border:2px solid var(--teal);color:var(--deep);display:grid;place-items:center;font-family:var(--mincho);font-weight:700;font-size:13px;letter-spacing:.06em;transform:rotate(-8deg);box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px var(--teal);background:var(--mintp)}
.est{background:#fff;border:1px solid var(--line);border-radius:2px;padding:clamp(18px,2.4vw,28px);box-shadow:0 30px 60px -40px rgba(15,61,62,.35)}
.est-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--deep);margin-bottom:6px}
.est-h b{font-family:var(--mincho);font-size:18px}
.est-h span{font-size:12px;color:var(--mute)}
.est-r{display:grid;grid-template-columns:8.5em minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px}
.est-r>span:first-child{font-weight:700}
.est-r .why{font-size:12.5px;color:var(--mute);line-height:1.6}
.est-r.sub{background:var(--mintp);margin:8px -10px 0;padding:11px 10px;border:0;border-radius:2px}
.rules{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rules li{display:grid;grid-template-columns:6em minmax(0,1fr);gap:16px;padding:20px 22px;background:#fff;border:1px solid var(--line);align-items:baseline}
.rules b{font-family:var(--mincho);font-size:19px;color:var(--deep)}
.rules span{font-size:14px;color:var(--ink2);line-height:1.85}

/* ================= v4：多摩の地図 ================= */
.tama{position:relative}
.tama-svg{width:100%;height:auto;display:block;overflow:visible}
.tama .c{stroke:var(--paper);stroke-width:1.6;transition:fill .5s var(--ease),opacity .4s;cursor:default}
.tama .c.o{fill:#E4E0D7}
.tama .c.s{fill:var(--mint);cursor:pointer}
.tama .c.f{fill:var(--deep);cursor:pointer}
.tama .c.s:hover{fill:#7FE3BF}
.tama .c.f:hover{fill:#1A5556}
.tama .c.o:hover{fill:#D9D4C9}
.tama .lb{font-family:var(--mincho);font-weight:700;pointer-events:none;letter-spacing:.06em}
.tama .lb.o{fill:#8C8A82;font-weight:600}
.tama .lb.s{fill:var(--deep)}
.tama .lb.f{fill:#fff;paint-order:stroke;stroke:var(--deep);stroke-width:3px}
.tama .home rect{fill:var(--plum)}
.tama .home text{fill:#fff;font-family:var(--mincho);font-weight:700;font-size:12px;letter-spacing:.06em}
.tama .pulse{fill:none;stroke:var(--mint);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:tpulse 3.2s var(--ease) infinite}
@keyframes tpulse{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(7)}}
.tama.rv .c.f{fill:#E4E0D7}
.tama.rv.in .c.f{fill:var(--deep);transition-delay:.4s}
.tama.rv .c.s{fill:#E4E0D7}
.tama.rv.in .c.s{fill:var(--mint);transition-delay:.9s}
.tama-tip{position:absolute;pointer-events:none;background:var(--deep);color:#fff;font-size:12.5px;padding:6px 12px;border-radius:999px;transform:translate(-50%,-140%);opacity:0;transition:opacity .2s;white-space:nowrap}
.tama-tip.on{opacity:1}
.tama-tip b{font-family:var(--mincho);margin-right:8px}
.area-legend{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.area-legend li{display:grid;grid-template-columns:18px 6.5em minmax(0,1fr);gap:10px;align-items:baseline;font-size:14px}
.area-legend .lg{width:14px;height:14px;border-radius:3px;display:block;transform:translateY(2px)}
.area-legend .lg.f{background:var(--deep)}.area-legend .lg.s{background:var(--mint)}
.area-legend b{font-family:var(--mincho)}
.area-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip-link{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s}
.chip-link:hover{background:var(--deep);color:var(--mint);border-color:var(--deep)}

@media (max-width:900px){
  .diff-head,.diff-grid{grid-template-columns:minmax(0,1fr)}
  .diff-qs{flex-direction:row;overflow-x:auto;border-top:0;gap:8px;padding-bottom:6px;scrollbar-width:none}
  .diff-q{flex:0 0 74%;grid-template-columns:36px minmax(0,1fr);border:1px solid var(--line);border-radius:4px;padding:14px}
  .diff-q .a{grid-column:2;justify-self:start}
  .diff-q .no{width:34px;height:34px}
  .est-r{grid-template-columns:minmax(0,1fr) auto}
  .est-r .why{grid-column:1/-1;order:3}
  .rules li{grid-template-columns:minmax(0,1fr)}
}

/* ================= v4：ブログ ================= */
.blog-tools{margin-bottom:36px}
.post-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;text-decoration:none;margin-bottom:clamp(48px,6vw,80px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.post-feature .ph{aspect-ratio:16/10;min-height:0}
.post-feature h2{font-family:var(--mincho);font-size:clamp(22px,2.4vw,32px);line-height:1.55;margin:10px 0 14px;letter-spacing:.04em}
.post-feature p{margin:0 0 14px;color:var(--ink2);line-height:2}
.post-feature:hover h2{color:var(--bengara)}
.pf-body{display:flex;flex-direction:column}
.pcat{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--bengara)}
.pmeta{font-size:12.5px;color:var(--mute);margin-bottom:12px}
.pcard .ph{aspect-ratio:4/3;min-height:0}
.pcard h3{font-size:16.5px}
.bh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}

.post-hero{padding:clamp(120px,14vw,180px) 0 0}
.post-hero h1{font-family:var(--mincho);font-weight:700;font-size:clamp(28px,3.6vw,46px);line-height:1.5;margin:12px 0 14px;max-width:24em;letter-spacing:.04em}
.post-cover{margin-top:clamp(24px,3vw,40px)}
.post-cover .ph{aspect-ratio:21/9;min-height:0;border-radius:2px}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start;padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(80px,10vw,140px)}
.post-main{max-width:760px}
.answer-box{background:var(--mintp);border-left:0;padding:clamp(22px,3vw,34px);border-radius:2px;position:relative}
.answer-box>b{font-family:var(--mincho);font-size:18px;display:block;margin-bottom:10px}
.answer-box ul{margin:0 0 18px;padding-left:1.2em;line-height:2;font-size:15px}
.toc{margin:32px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.toc b{font-family:var(--mincho);font-size:16px}
.toc ol{margin:10px 0 0;padding-left:1.4em;line-height:2.1;font-size:14.5px}
.toc a{text-decoration:none;border-bottom:1px solid var(--line2)}
.toc a:hover{color:var(--bengara)}
.prose{font-size:16px;line-height:2.15}
.prose h2{scroll-margin-top:110px;font-family:var(--mincho);font-size:clamp(22px,2.2vw,28px);line-height:1.55;margin:clamp(48px,6vw,72px) 0 18px;display:flex;gap:14px;align-items:baseline;letter-spacing:.04em}
.prose h2 span{font-family:'Jost',var(--gothic);font-size:.85em;color:var(--teal);font-weight:500}
.prose p{margin:0 0 1.2em;color:var(--ink2)}
.prose a{color:var(--bengara);text-underline-offset:3px}
.prose figure{margin:28px 0;aspect-ratio:4/3;min-height:0;border-radius:2px}
.points{padding:0;margin:0 0 1.2em;list-style:none;counter-reset:pt;display:grid;gap:10px}
.points li{counter-increment:pt;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:16px 18px;background:var(--pale);border:1px solid var(--line);font-size:15px;line-height:1.85;color:var(--ink2)}
.points li::before{content:counter(pt);grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--deep);color:var(--mint);display:grid;place-items:center;font-family:'Jost',var(--gothic);font-size:14px}
.points li b{display:block;color:var(--sumi);font-family:var(--mincho);font-size:16.5px}
.cta-mid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;background:var(--deep);color:var(--paper);padding:clamp(20px,3vw,32px);margin:clamp(40px,5vw,56px) 0;border-radius:2px}
.cta-mid .ph{min-height:0;aspect-ratio:3/4;border-radius:2px}
.cm-t{font-family:var(--mincho);font-size:clamp(19px,2vw,24px);display:block;margin-bottom:8px;color:#fff}
.cta-mid p{margin:0 0 12px;color:var(--dtext);font-size:14.5px;line-height:1.95}
.cm-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:4px;font-size:13.5px;color:var(--mint)}
.cm-list li::before{content:"✓ ";font-weight:700}
.cm-acts{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.cta-mid .telbox small{color:var(--dtext)}
.cta-mid .btn::before{background:var(--paper)}.cta-mid .btn:hover{color:var(--deep);border-color:var(--paper)}
.cta-mid .tbd{background:rgba(158,240,209,.14);color:var(--mint)}
.case-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:end;padding:20px;background:var(--pale);border:1px solid var(--line);margin-bottom:22px}
.cc-body{display:flex;flex-direction:column;gap:8px}
.cc-body>b{font-family:var(--mincho);font-size:19px}
.cc-body .spec{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13.5px;margin:4px 0}
.cc-body .spec dt{color:var(--mute)}.cc-body .spec dd{margin:0}
.flow-post{list-style:none;margin:0 0 1.2em;padding:0;counter-reset:fp;border-left:2px solid var(--mint);padding-left:22px;display:grid;gap:14px}
.flow-post li{counter-increment:fp;position:relative;font-size:15px;line-height:1.9;color:var(--ink2)}
.flow-post li::before{content:counter(fp);position:absolute;left:-35px;top:2px;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-size:12px;font-weight:700}
.flow-post b{display:block;color:var(--sumi);font-family:var(--mincho)}
.author{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:48px 0}
.author .mark{width:56px;height:58px}
.author b{font-family:var(--mincho);font-size:16px}
.author p{margin:6px 0 0;font-size:14px;color:var(--ink2);line-height:1.9}
.cta-end{background:var(--mintp);padding:clamp(24px,4vw,44px);border-radius:2px}
.cta-end h2{font-family:var(--mincho);font-size:clamp(21px,2.2vw,28px);margin:0 0 8px;line-height:1.5}
.cta-end>p{margin:0 0 20px;color:var(--ink2)}
.mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.mini-form .inp{background:#fff;padding:12px 14px;border:1px solid var(--line2)}
.mini-form textarea.inp{min-height:96px}
.related{margin-top:56px}
.rel-list{display:grid;gap:12px;margin-top:16px}
.rel{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;text-decoration:none;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rel .ph{aspect-ratio:4/3;min-height:0}
.rel small{display:block;font-size:11.5px;color:var(--bengara);font-weight:700}
.rel span:last-child{font-family:var(--mincho);font-weight:700;line-height:1.6}
.rel:hover span:last-child{color:var(--bengara)}
.post-side{position:sticky;top:100px}
.side-cta{background:var(--deep);color:#fff;padding:26px;border-radius:2px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.side-cta .seal{--s:48px}
.side-cta>b{font-family:var(--mincho);font-size:20px;line-height:1.5}
.side-cta p{margin:0;font-size:12.5px;color:var(--dtext)}
.side-cta .btn{width:100%}
.side-cta .btn::before{background:var(--paper)}.side-cta .btn:hover{color:var(--deep);border-color:var(--paper)}
.side-cta .telbox small{color:var(--dtext)}
.side-cta .tbd{background:rgba(158,240,209,.14);color:var(--mint)}
@media (max-width:900px){
  .post-feature,.bh,.post-layout,.case-card,.cta-mid{grid-template-columns:minmax(0,1fr)}
  .post-side{position:static;order:-1;display:none}
  .cta-mid .ph{aspect-ratio:16/9}
  .mini-form{grid-template-columns:minmax(0,1fr)}
  .post-cover .ph{aspect-ratio:16/10}
}
body[data-current="post"] .cta-sec{display:none}
.tama-svg{-webkit-mask-image:radial-gradient(ellipse 72% 70% at 52% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 52% 50%,#000 62%,transparent 100%)}
#area-h{font-size:clamp(24px,2.5vw,34px)}

/* ================= v5：改行・文字組み ================= */
h1,h2,h3,h4,.h2,.lead,.fv-sub,.q,.t,.b-big,.kk-q,.em-quote{word-break:auto-phrase;text-wrap:balance;line-break:strict}
p,li,dd,td{word-break:auto-phrase;text-wrap:pretty;line-break:strict}
@media (max-width:600px){br.pc{display:none}}
@media (min-width:601px){br.sp{display:none}}
.fv-sub span{display:inline-block;margin-right:.9em}
.fv-sub{font-size:clamp(22px,2.3vw,32px);letter-spacing:.12em}
.tel-ic{display:none;width:48px;height:48px;border-radius:50%;background:var(--mint);color:var(--deep);place-items:center;text-decoration:none}
@media (max-width:1180px){.tel-ic{display:grid}}
.logo-tag{letter-spacing:.18em}

/* 共感 */
.empathy{padding-bottom:clamp(64px,8vw,110px)}
.em-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.em-voices{display:grid;gap:16px}
.bubble{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px 24px 24px 4px;padding:22px 26px;position:relative;box-shadow:0 24px 40px -34px rgba(15,61,62,.35)}
.bubble:nth-child(2){margin-left:clamp(0px,4vw,48px);border-radius:24px 24px 4px 24px}
.bubble blockquote{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(18px,1.8vw,23px);line-height:1.5;color:var(--deep)}
.bubble blockquote::before{content:"「";color:var(--teal)}.bubble blockquote::after{content:"」";color:var(--teal)}
.bubble figcaption{margin-top:6px;font-size:13px;color:var(--mute)}
.em-bridge{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;padding:clamp(24px,3vw,40px);background:var(--mintp);border-radius:4px}
.em-bridge .seal{--s:60px}
.em-quote{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(20px,2.2vw,28px);line-height:1.7;color:var(--deep)}
.em-who{margin:6px 0 14px;font-size:13px;color:var(--mute)}
.em-txt{margin:0;font-size:15.5px;line-height:2;color:var(--ink2)}

/* ヒト×人（温かみ） */
.hito{background:linear-gradient(180deg,var(--paper),#F7F4EE)}
.hito-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.hito-head .lead{margin:0}
.manners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.manner{background:#fff;border-radius:6px;padding:clamp(22px,2.4vw,32px) clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s}
.manner:hover{transform:translateY(-4px);box-shadow:0 26px 40px -30px rgba(15,61,62,.4)}
.manner svg{width:46px;height:46px;fill:none;stroke:var(--teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.manner b{font-family:var(--mincho);font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--deep)}
.manner span{font-size:14px;color:var(--ink2);line-height:1.85}
.staff-teaser{margin-top:clamp(56px,7vw,96px)}
.st-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px}
.st-head b{font-family:var(--mincho);font-size:clamp(20px,2vw,26px)}
.st-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.st-card{text-decoration:none;display:flex;flex-direction:column;gap:4px}
.st-ph{aspect-ratio:4/5;min-height:0;border-radius:6px;margin-bottom:12px;transition:transform .6s var(--ease)}
.st-card:hover .st-ph{transform:scale(.98)}
.st-role{font-size:12.5px;color:var(--bengara);font-weight:700;letter-spacing:.06em}
.st-name{font-family:var(--mincho);font-size:22px;letter-spacing:.08em}
.st-q{font-size:14px;color:var(--ink2);line-height:1.8}
.hito-link{text-align:center;margin-top:clamp(40px,5vw,64px)}

/* 約束 */
.promise{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.promise>b{font-family:var(--mincho);font-size:18px;color:var(--mute)}
.promise ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 36px}
.promise li{display:flex;align-items:center;gap:12px;font-family:var(--mincho);font-weight:700;font-size:clamp(18px,1.8vw,22px)}
.promise .seal{--s:40px}

/* 先送りにすると */
.stake{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.stake-links{display:flex;flex-direction:column;gap:6px;margin-top:22px}
.stake-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.stake-list li{display:grid;grid-template-columns:9em minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.stake-list b{font-family:var(--mincho);font-size:18px;color:var(--deep)}
.stake-list span{font-size:15px;color:var(--ink2);line-height:1.95}

/* かかりつけ */
.kakari{position:relative;overflow:hidden;color:#fff;background:var(--deep)}
.kk-photo{position:absolute;inset:0;opacity:.35}
.kk-photo img{width:100%;height:100%;object-fit:cover}
.kakari::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,61,62,.95) 35%,rgba(15,61,62,.45))}
.kk-in{position:relative;z-index:2;max-width:var(--wrap)}
.kakari .h2{color:#fff}
.kakari .lead{color:var(--dtext);max-width:34em}
.kakari .eyebrow{color:var(--mint)}.kakari .eyebrow::before{background:var(--mint)}
.kk-q{margin:36px 0 0;font-family:var(--mincho);font-weight:700;font-size:clamp(19px,2vw,26px);line-height:1.8;padding-left:22px;border-left:3px solid var(--mint)}
.kk-who{font-size:13px;color:var(--dtext);margin:8px 0 0 25px}

/* ブランドページ */
.bhero{position:relative;padding:clamp(150px,17vw,230px) 0 clamp(80px,10vw,140px);overflow:hidden;text-align:center}
.bhero .crumb{justify-content:center}
.bh-title{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(84px,16vw,220px);line-height:1;letter-spacing:.02em;display:flex;justify-content:center;align-items:center;gap:.08em;color:var(--deep)}
.bh-title .x{font-family:'Jost',var(--gothic);font-weight:300;font-size:.55em;color:var(--teal);display:inline-block;animation:spinx 1.6s var(--ease2) .6s both}
.bh-title .h{animation:fromL 1.4s var(--ease) both}.bh-title .p{animation:fromR 1.4s var(--ease) both}
@keyframes fromL{from{opacity:0;transform:translateX(-40px)}}
@keyframes fromR{from{opacity:0;transform:translateX(40px)}}
@keyframes spinx{from{opacity:0;transform:rotate(-180deg) scale(.4)}}
.bh-lead{font-family:var(--mincho);font-size:clamp(18px,2vw,24px);line-height:1.9;margin:28px 0 0;color:var(--ink2)}
.bh-lines{position:absolute;left:0;right:0;bottom:24px;height:120px;pointer-events:none}
.bh-lines svg{width:100%;height:100%}
.bh-lines path{fill:none;stroke-width:2;stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.2s var(--ease2) .9s forwards}
.bh-lines .l1{stroke:var(--teal)}.bh-lines .l2{stroke:var(--plum)}
.bh-lines .meet{fill:var(--mint);opacity:0;animation:fade .6s 2.8s forwards}
.b-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.b-prose p{margin:0 0 1.2em;font-size:16px;line-height:2.2;color:var(--ink2)}
.b-phil{text-align:center}
.b-phil .eyebrow{justify-content:center}
.b-big{font-family:var(--mincho);font-weight:700;font-size:clamp(30px,4.4vw,58px);line-height:1.6;margin:0 0 20px;color:var(--deep);letter-spacing:.06em}
.b-more{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.b-more b{font-family:var(--mincho);font-size:16px}
.chips.big span{font-size:14px;padding:6px 16px;background:#fff}
.b-prom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(40px,5vw,64px)}
.b-prom-grid>div{border-top:1px solid var(--dline);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.b-prom-grid .seal{--s:48px}
.b-prom-grid b{font-family:var(--mincho);font-size:22px;color:#fff}
.b-prom-grid p{margin:0;color:var(--dtext);font-size:14.5px;line-height:2}
.b-photo{aspect-ratio:4/5;min-height:0;border-radius:4px}
.b-goal{text-align:center;max-width:860px}
.b-goal .eyebrow{justify-content:center}
.b-goal .lead{margin-left:auto;margin-right:auto}

/* 社員紹介 */
.people{display:grid;gap:clamp(56px,7vw,96px)}
.person{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}
.person:nth-child(even) .p-ph{order:2}
.p-ph{aspect-ratio:4/5;min-height:0;border-radius:6px}
.p-name{font-family:var(--mincho);font-size:clamp(28px,3vw,40px);margin:6px 0 0;letter-spacing:.08em;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.p-name .kana{font-family:var(--gothic);font-size:13px;font-weight:500;color:var(--mute);letter-spacing:.1em}
.p-quote{font-family:var(--mincho);font-weight:700;font-size:clamp(18px,1.9vw,24px);line-height:1.8;margin:20px 0 24px;padding-left:20px;border-left:3px solid var(--mint);color:var(--deep)}
.p-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 22px;margin:0;font-size:14.5px;line-height:1.85;border-top:1px solid var(--line);padding-top:20px}
.p-dl dt{color:var(--mute);font-weight:700;white-space:nowrap}
.p-dl dd{margin:0}

/* 採用 */
.jobs{display:grid;gap:28px}
.job h3{font-family:var(--mincho);font-size:22px;margin:0 0 14px}
.cred-tbl td,.cred-tbl th{font-size:14px}

@media (max-width:900px){
  .em-grid,.hito-head,.stake,.b-two,.person{grid-template-columns:minmax(0,1fr)}
  .manners{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .st-name{font-size:17px}.st-q{display:none}
  .person:nth-child(even) .p-ph{order:0}
  .b-prom-grid{grid-template-columns:minmax(0,1fr)}
  .stake-list li{grid-template-columns:minmax(0,1fr);gap:6px}
  .em-bridge{grid-template-columns:minmax(0,1fr)}
  .bubble:nth-child(2){margin-left:0}
}
@media (max-width:600px){
  .manners{grid-template-columns:minmax(0,1fr)}
  .manner{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px}
  .manner svg{width:36px;height:36px;margin:0}
  .manner span{flex-basis:100%}
  .p-dl{grid-template-columns:minmax(0,1fr)}
  .p-dl dt{margin-top:6px}
}

/* ================= v5：オープニング（ヒト×人の線が家になる） ================= */
.opening{background:var(--paper)!important;clip-path:none!important;display:grid;place-items:center;transition:background-color .7s var(--ease2)}
.op-glow{position:absolute;width:70vmin;height:70vmin;border-radius:50%;background:radial-gradient(circle,rgba(158,240,209,.55),rgba(158,240,209,0) 65%);transform:scale(.4);opacity:0;transition:transform 1.8s var(--ease),opacity 1.2s}
.opening.s1 .op-glow{transform:scale(1);opacity:1}
.op-lock{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}
.op-mark{width:150px;height:158px;overflow:visible;transition:transform .75s var(--ease2)}
.op-mark .o1,.op-mark .o2{fill:none;stroke-width:12;stroke-linejoin:miter;stroke-dasharray:1500;stroke-dashoffset:1500}
.op-mark .o1{stroke:var(--deep)}.op-mark .o2{stroke:var(--teal)}
.opening.s1 .o1,.opening.s1 .o2{animation:draw 1.15s var(--ease2) forwards}
.opening.s2 .o2{stroke:var(--deep);transition:stroke .5s}
.op-mark .k1{fill:var(--olive);opacity:0;transform:translateY(-60px);transition:opacity .4s,transform .7s var(--ease)}
.op-mark .k2{fill:var(--plum);opacity:0;transform:translate(60px,40px);transition:opacity .4s .12s,transform .7s var(--ease) .12s}
.opening.s2 .k1,.opening.s2 .k2{opacity:1;transform:none}
.op-words{position:relative;height:56px;width:300px;text-align:center}
.op-words span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,transform .7s var(--ease)}
.op-words .w1{flex-direction:row;gap:14px;font-family:var(--mincho);font-weight:700;font-size:28px;color:var(--deep);opacity:0;transform:translateY(8px)}
.op-words .w1 i{font-style:normal;font-family:'Jost',var(--gothic);font-weight:300;color:var(--teal);font-size:24px}
.opening.s1 .w1{opacity:1;transform:none;transition-delay:.45s}
.opening.s2 .w1{opacity:0;transform:translateY(-8px);transition-delay:0s}
.op-words .w2{opacity:0;transform:translateY(8px)}
.op-words .w2 em{font-style:normal;font-family:'Jost',var(--gothic);font-size:24px;letter-spacing:.55em;padding-left:.55em;color:var(--deep)}
.op-words .w2 small{font-family:var(--mincho);font-size:12px;letter-spacing:.4em;color:var(--mute);margin-top:6px}
.opening.s2 .w2{opacity:1;transform:none;transition-delay:.25s}
.opening.s3{background-color:transparent!important;pointer-events:none}
.opening.s3 .op-glow,.opening.s3 .op-words{opacity:0;transition:opacity .4s}
.hold-logo .hd .logo .mark{opacity:0}
#em-h{font-size:clamp(28px,3.3vw,46px)}
.st-ph{aspect-ratio:4/3}
.b-goal .h2{font-size:clamp(26px,3.4vw,46px)}
.person .p-ph{max-height:440px;width:100%}
.person:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
@media (max-width:900px){.person:nth-child(even){grid-template-columns:minmax(0,1fr)}}
.st-head{flex-wrap:wrap}
.st-head b{white-space:nowrap}
@media (max-width:600px){.st-ph .phl{display:none}.st-head b{font-size:19px}}
.cred-tbl small{font-size:12px;line-height:1.6}.cred-tbl td{min-width:7em}.cred-tbl td:last-child{white-space:nowrap}

/* ================= v6：採用 ================= */
/* 全ページ上部のリボン */
.rc-ribbon{display:flex;align-items:center;justify-content:center;gap:12px;height:36px;padding:0 16px;background:var(--deep);color:var(--paper);text-decoration:none;font-size:13px;letter-spacing:.06em;transition:height .4s var(--ease),background .3s}
.rc-ribbon b{font-family:var(--mincho);color:var(--mint);font-size:13.5px}
.rc-ribbon .go{font-weight:700;color:var(--mint);display:inline-flex;align-items:center;gap:6px}
.rc-ribbon .go::after{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .4s var(--ease)}
.rc-ribbon:hover{background:#155152}.rc-ribbon:hover .go::after{transform:translateX(3px) rotate(45deg)}
.rc-ribbon .dot,.rc-float .dot,.rc-live i,.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);position:relative;flex-shrink:0;display:inline-block}
.rc-ribbon .dot::after,.rc-float .dot::after,.rc-live i::after,.nav-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:ping 1.8s var(--ease) infinite}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(3);opacity:0}}
.hd.scrolled .rc-ribbon{height:0;overflow:hidden}
.nav-dot{width:6px;height:6px;margin-left:4px;vertical-align:4px;background:var(--teal)}
.nav-dot::after{background:var(--teal)}
.nl-rc{font-weight:700}
.nav-badge{font-family:var(--gothic);font-size:11px!important;background:var(--mint);color:var(--deep)!important;padding:2px 10px;border-radius:999px;letter-spacing:.06em!important}
.fv{padding-top:148px}
@media (max-width:900px){.fv{padding-top:118px}.rc-ribbon span:not(.dot):not(.go){display:none}.rc-ribbon::after{content:"大工を募集しています";font-size:12.5px}.rc-ribbon .go{order:3}}

/* トップの常設セクション */
.rc-top{background:var(--mintp)}
.rc-top-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,80px);align-items:center}
.rc-top-ph{aspect-ratio:4/3;min-height:0;border-radius:6px}
.rc-live{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.06em;padding:6px 14px 6px 12px;border-radius:999px;background:var(--deep);color:var(--paper)}
.rc-live.on-photo{position:absolute;left:14px;top:14px;z-index:2}
.rc-tags{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rc-tags li{font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.rc-top-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px}

/* 採用ヒーロー */
.rc-hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:150px 0 clamp(56px,7vw,96px)}
.rc-hero-bg{position:absolute;inset:0}
.rc-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:kbslow 14s ease-out forwards}
@keyframes kbslow{to{transform:scale(1)}}
.rc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,61,62,.35),rgba(15,61,62,.88) 70%)}
.rc-hero-in{position:relative;z-index:2;width:100%}
.rc-hero .crumb,.rc-hero .crumb a{color:rgba(255,255,255,.75)}
.rc-hero h1{font-family:var(--mincho);font-weight:700;font-size:clamp(38px,6vw,84px);line-height:1.35;margin:22px 0 0;letter-spacing:.06em;color:#fff}
.rc-hero h1{clip-path:inset(0 0 100% 0);animation:brush 1.4s var(--ease2) .3s forwards}
.rc-lead{margin:22px 0 0;font-size:clamp(15px,1.4vw,18px);line-height:2;color:rgba(255,255,255,.9)}
.rc-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.rc-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.rc-hero .btn-ghost::before{background:#fff}.rc-hero .btn-ghost:hover{color:var(--deep)}
.rc-hero .rc-live{background:rgba(158,240,209,.18);backdrop-filter:blur(6px);border:1px solid rgba(158,240,209,.45)}

/* 3つのカード（めくれる） */
.rc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.rc-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s,background .6s,color .6s;outline:none}
.rc-card .rc-k{font-family:var(--mincho);font-weight:700;font-size:64px;line-height:1;color:var(--teal);transition:transform .8s var(--ease),color .6s}
.rc-card h3{margin:0;font-family:var(--mincho);font-size:clamp(19px,1.8vw,23px);line-height:1.6}
.rc-card p{margin:0;font-size:14.5px;line-height:1.95;color:var(--ink2);transition:color .6s}
.rc-card:hover,.rc-card:focus-visible{transform:translateY(-6px);background:var(--deep);color:#fff;box-shadow:0 30px 50px -30px rgba(15,61,62,.6)}
.rc-card:hover p,.rc-card:focus-visible p{color:var(--dtext)}
.rc-card:hover .rc-k,.rc-card:focus-visible .rc-k{color:var(--mint);transform:scale(1.15) rotate(-6deg)}

/* 1日の流れ */
.day{--i:0;--n:5}
.day-rail{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;border-top:2px solid var(--line);padding-top:18px}
.day-sun{position:absolute;top:-11px;left:calc((100% - 30px) * var(--i) / var(--n));width:20px;height:20px;border-radius:50%;background:#F2B544;box-shadow:0 0 0 6px rgba(242,181,68,.25);transition:left .7s var(--ease);margin-left:calc(((100% / 6) - 20px) / 2 * 0)}
.day-t{background:none;border:0;cursor:pointer;text-align:left;padding:6px 4px 10px;display:flex;flex-direction:column;gap:2px;border-radius:4px;transition:background .3s}
.day-t:hover{background:rgba(255,255,255,.6)}
.day-time{font-family:var(--mincho);font-weight:700;font-size:20px;color:var(--mute);transition:color .3s}
.day-sm{font-size:11px}
.day-lbl{font-size:13px;font-weight:700;color:var(--ink2)}
.day-t[aria-selected="true"] .day-time{color:var(--deep)}
.day-t[aria-selected="true"] .day-lbl{color:var(--bengara)}
.day-panels{margin-top:28px}
.day-p{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(22px,4vw,56px);align-items:center}
.day-p:not([hidden]){animation:swap .6s var(--ease)}
.day-ph{aspect-ratio:16/10;min-height:0;border-radius:6px}
.day-k{font-family:var(--mincho);font-weight:700;font-size:15px;color:var(--teal);display:flex;gap:12px;align-items:baseline}
.day-k small{font-family:var(--gothic);font-size:12px;color:var(--mute);font-weight:500}
.day-txt h3{margin:8px 0 12px;font-family:var(--mincho);font-size:clamp(24px,2.6vw,34px)}
.day-txt p{margin:0;font-size:15.5px;line-height:2;color:var(--ink2)}

/* 向いているかチェック */
.fit-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.fit{background:var(--deep);color:#fff;border-radius:10px;padding:clamp(26px,4vw,48px);min-height:340px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.fit-bar{position:absolute;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.12)}
.fit-bar i{display:block;height:100%;width:0;background:var(--mint);transition:width .6s var(--ease)}
.fit-n{font-size:12.5px;color:var(--mint);font-weight:700;letter-spacing:.1em}
.fit-qt{font-family:var(--mincho);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.6;margin:12px 0 28px}
.fit-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fit-b{min-height:60px;border-radius:999px;font-size:17px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;transition:all .3s var(--ease)}
.fit-b.yes{background:var(--mint);color:var(--deep);border-color:var(--mint)}
.fit-b:hover{transform:translateY(-2px)}
.fit-b.no:hover{background:rgba(255,255,255,.08)}
.fit-score{display:flex;align-items:baseline;gap:8px;margin:8px 0 6px}
.fit-score b{font-family:'Jost',var(--gothic);font-size:72px;font-weight:400;line-height:1;color:var(--mint)}
.fit-score span{font-size:18px;color:var(--dtext)}
.fit-t{font-family:var(--mincho);font-weight:700;font-size:clamp(20px,2.2vw,26px);margin:0 0 10px;line-height:1.6}
.fit-d{margin:0 0 22px;color:var(--dtext);line-height:1.95}
.fit-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.fit .tlink{color:#fff;background:none;border:0;cursor:pointer;font-family:inherit;font-size:14px}
.fit .btn::before{background:var(--paper)}.fit .btn:hover{color:var(--deep);border-color:var(--paper)}

/* 募集要項（開閉） */
.jobs2{display:grid;gap:14px}
.job2{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.job2 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto 44px;gap:8px 16px;align-items:center;padding:22px clamp(18px,3vw,32px)}
.job2 summary::-webkit-details-marker{display:none}
.job2 .badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;background:var(--mint);color:var(--deep)}
.job2 summary b{font-family:var(--mincho);font-size:clamp(19px,2vw,24px)}
.job-sub{font-size:13px;color:var(--mute)}
.job2 .pm{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);position:relative}
.job2 .pm::before,.job2 .pm::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;background:var(--deep);transform:translate(-50%,-50%);transition:transform .4s var(--ease)}
.job2 .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.job2[open] .pm::after{transform:translate(-50%,-50%) rotate(0)}
.job-body{padding:0 clamp(18px,3vw,32px) 28px;display:grid;gap:22px;animation:swap .5s var(--ease)}
.job-dl{display:grid;grid-template-columns:8em minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.job-dl dt,.job-dl dd{padding:14px 0;border-bottom:1px solid var(--line);margin:0;font-size:14.5px;line-height:1.85}
.job-dl dt{font-weight:700;color:var(--mute)}
.job-body .btn{justify-self:start}

/* 応募 */
.rc-apply{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start}
.rc-tel{margin-top:28px;display:flex;flex-direction:column;gap:4px}
.rc-tel .telbox b{font-size:30px;color:#fff}
.rc-form{background:var(--paper);color:var(--sumi);border-radius:8px}
.dark .rc-form .note{color:var(--mute)}
.rc-form .btn::before{background:var(--deep)}

/* 追従ボタン */
.rc-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:46;display:inline-flex;align-items:center;gap:10px;padding:0 22px;min-height:52px;border-radius:999px;background:var(--deep);color:var(--paper);text-decoration:none;font-weight:700;letter-spacing:.06em;box-shadow:0 18px 40px -16px rgba(15,61,62,.6);transform:translateY(140%);transition:transform .5s var(--ease)}
.rc-float.show{transform:none}
body[data-current="recruit"] .mcta{display:none}
body:not([data-current="recruit"]) .rc-float{display:none}

@media (max-width:900px){
  .rc-top-in,.fit-grid,.rc-apply,.day-p{grid-template-columns:minmax(0,1fr)}
  .rc-cards{grid-template-columns:minmax(0,1fr)}
  .day-rail{grid-template-columns:repeat(6,minmax(64px,1fr));overflow-x:auto;scrollbar-width:none}
  .day-sm{display:none}
  .job2 summary{grid-template-columns:auto minmax(0,1fr) 40px}
  .job-sub{grid-column:1/3}
  .job-dl{grid-template-columns:minmax(0,1fr)}
  .job-dl dt{border-bottom:0;padding-bottom:0}
  .rc-float{left:12px;right:12px;justify-content:center}
}
.day-sun{left:calc(100% / 6 * var(--i) + 4px);margin-left:0}
body[data-current="recruit"] .cta-sec,body[data-current="recruit"] .rc-ribbon{display:none}
body[data-current="recruit"] .hd:not(.scrolled) .gnav a.nl,body[data-current="recruit"] .hd:not(.scrolled) .logo,body[data-current="recruit"] .hd:not(.scrolled) .hd-tel{color:#fff}
body[data-current="recruit"] .hd:not(.scrolled) .logo-tag,body[data-current="recruit"] .hd:not(.scrolled) .hd-tel small{color:rgba(255,255,255,.75)}
body[data-current="recruit"] .hd:not(.scrolled) .mark{color:#fff}
body[data-current="recruit"] .hd:not(.scrolled) .mark .k1{fill:var(--mint)}
body[data-current="recruit"] .hd:not(.scrolled) .mark .k2{fill:#D9A3AA}
body[data-current="recruit"] .hd:not(.scrolled) .burger{border-color:rgba(255,255,255,.5)}
body[data-current="recruit"] .hd:not(.scrolled) .burger span{background:#fff}
body[data-current="recruit"] .rc-hero{padding-top:120px}

/* ================= v7：採用ページ（トレンド版） ================= */
.rx{--rx-display:'Zen Kaku Gothic New',var(--gothic);--rx-en:'Archivo','Jost',var(--gothic);--ink:#0B2A2B;font-family:var(--gothic);color:var(--ink);background:#F6F4EF}
.rx .rv{transform:translateY(30px)}
.rx-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4.5vw,72px)}
.rx h1,.rx h2,.rx h3{font-family:var(--rx-display);font-weight:900;letter-spacing:.02em;margin:0;color:inherit}
.rx-en{display:block;font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:clamp(14px,1.2vw,16px);letter-spacing:.14em;color:var(--teal);margin-bottom:14px}
.rx-head{margin-bottom:clamp(36px,5vw,64px)}
.rx-head h2{font-size:clamp(32px,4.8vw,64px);line-height:1.25}
.rx-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.rx-sub{margin:16px 0 0;font-size:15px;color:#40595A}
.rx-sec{padding:clamp(88px,11vw,160px) 0;position:relative}
.rx-dark{background:var(--deep);color:#fff}
.rx-dark .rx-en{color:var(--mint)}
.rx-mint{background:var(--mint)}
.rx-mint .rx-en{color:var(--deep)}
.rx-paper{background:#fff}

/* ボタン */
.rx-btn{display:inline-flex;align-items:center;gap:18px;min-height:64px;padding:0 10px 0 30px;border-radius:999px;background:var(--deep);color:#fff;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:.06em;border:0;cursor:pointer;transition:background .3s,transform .3s var(--ease)}
.rx-btn i{width:46px;height:46px;border-radius:50%;background:var(--mint);position:relative;transition:transform .5s var(--ease)}
.rx-btn i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:2px solid var(--deep);border-right:2px solid var(--deep);transform:translate(-65%,-50%) rotate(45deg)}
.rx-btn:hover{transform:translateY(-2px)}.rx-btn:hover i{transform:rotate(-45deg) scale(1.06)}
.rx-dark .rx-btn,.rx-hero .rx-btn,.rx-entry .rx-btn{background:var(--mint);color:var(--deep)}
.rx-dark .rx-btn i,.rx-hero .rx-btn i,.rx-entry .rx-btn i{background:var(--deep)}
.rx-hero .rx-btn i::after,.rx-entry .rx-btn i::after{border-color:var(--mint)}
.rx-btn-full{width:100%;justify-content:space-between}
.rx-link{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:var(--mint)}

/* HERO */
.rx-hero{position:relative;background:var(--deep);color:#fff;padding:150px 0 clamp(64px,8vw,110px);overflow:hidden}
.rx-hero-mq{position:absolute;left:0;right:0;bottom:-2vw;white-space:nowrap;pointer-events:none}
.rx-hero-mq div{display:inline-flex;gap:4vw;animation:tick 40s linear infinite}
.rx-hero-mq span{font-family:var(--rx-en);font-weight:900;font-stretch:62%;font-size:clamp(120px,20vw,300px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(158,240,209,.18)}
.rx-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:center}
.rx-crumb{font-size:12px;color:rgba(255,255,255,.6);display:flex;gap:10px;margin-bottom:26px}
.rx-crumb a{color:inherit;text-decoration:none}
.rx-now{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font-size:13.5px;font-weight:700;color:var(--deep);background:var(--mint);padding:7px 16px 7px 12px;border-radius:999px}
.rx-now i{width:8px;height:8px;border-radius:50%;background:var(--deep);position:relative}
.rx-now i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--deep);animation:ping 1.8s infinite}
.rx-hero h1{font-size:clamp(46px,7.4vw,112px);line-height:1.12;letter-spacing:.01em}
.rx-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.rx-hero h1 .ln>span{display:inline-block;transform:translateY(105%);animation:lnup 1s var(--ease) forwards}
.rx-hero h1 .ln:nth-child(2)>span{animation-delay:.12s}.rx-hero h1 .ln:nth-child(3)>span{animation-delay:.24s}
@keyframes lnup{to{transform:none}}
.rx-hero h1 .hl{color:var(--deep);background:var(--mint);padding:0 .12em;border-radius:.08em}
.rx-lead{margin:28px 0 0;font-size:clamp(15px,1.3vw,17px);line-height:2;color:rgba(255,255,255,.85);max-width:32em}
.rx-hero-acts{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:36px}
.rx-swap{position:relative;margin:0;aspect-ratio:4/5;border-radius:18px;overflow:hidden;transform:rotate(2deg);box-shadow:0 40px 80px -40px rgba(0,0,0,.6);cursor:pointer;outline:none}
.rx-swap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.rx-swap .b{opacity:0;transform:scale(1.06)}
.rx-swap:hover .b,.rx-swap:focus-visible .b,.rx-swap.on .b{opacity:1;transform:none}
.rx-swap figcaption{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;font-size:12px;color:#fff}
.rx-swap figcaption span{font-weight:700;padding:4px 12px;border-radius:999px;background:rgba(11,42,43,.8)}
.rx-swap .s2{display:none;background:var(--mint)!important;color:var(--deep)}
.rx-swap:hover .s1,.rx-swap.on .s1,.rx-swap:focus-visible .s1{display:none}
.rx-swap:hover .s2,.rx-swap.on .s2,.rx-swap:focus-visible .s2{display:inline}
.rx-swap figcaption b{font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.rx-hint{position:absolute;right:14px;top:14px;width:64px;height:64px;border-radius:50%;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-family:var(--rx-en);font-weight:900;font-size:11px;letter-spacing:.08em;animation:spin 10s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ことばの帯 */
.rx-words{background:var(--mint);overflow:hidden;white-space:nowrap;padding:18px 0;border-block:2px solid var(--deep)}
.rx-words div{display:inline-flex;align-items:center;gap:28px;animation:tick 30s linear infinite}
.rx-words span{font-family:var(--rx-display);font-weight:900;font-size:clamp(26px,3.4vw,44px);color:var(--deep)}
.rx-words b{color:var(--deep);font-size:14px}

/* NUMBERS */
.rx-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.rx-n{padding:28px clamp(10px,2vw,28px) 0 0;border-right:1px solid #D4D9D4;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px}
.rx-n:last-child{border-right:0}
.rx-n+.rx-n{padding-left:clamp(14px,2vw,28px)}
.rx-n b{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:clamp(84px,10vw,150px);line-height:.9;color:var(--deep);font-variant-numeric:tabular-nums}
.rx-n .u{font-family:var(--rx-display);font-weight:900;font-size:clamp(20px,2vw,28px)}
.rx-n p{grid-column:1/-1;margin:14px 0 0;font-size:14px;line-height:1.8;color:#40595A;font-weight:500}

/* WHY */
.rx-why{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2)}
.rx-why li{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;padding:clamp(28px,3.4vw,44px) 0;border-bottom:1px solid rgba(255,255,255,.2);cursor:default}
.rx-why .no{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:56px;color:var(--mint);line-height:1}
.rx-why li div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.rx-why h3{font-size:clamp(26px,3.2vw,44px);line-height:1.3;transition:transform .5s var(--ease)}
.rx-why p{margin:0;color:var(--dtext);line-height:1.95;font-size:15px}
.rx-why li:hover h3{transform:translateX(10px);color:var(--mint)}
.rx-why-ph{position:absolute;left:var(--mx,50%);top:var(--my,50%);width:260px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(-4deg);transition:opacity .3s,transform .5s var(--ease);z-index:3}
.rx-why-ph img{width:100%;height:100%;object-fit:cover}
.rx-why li:hover .rx-why-ph{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}

/* ONE DAY */
.rx-arrows{display:flex;gap:10px}
.rx-arr{width:56px;height:56px;border-radius:50%;border:2px solid var(--ink);background:transparent;cursor:pointer;position:relative;transition:background .3s}
.rx-arr i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:2px solid var(--ink);border-left:2px solid var(--ink);transform:translate(-35%,-50%) rotate(-45deg)}
.rx-arr.nx i::after{transform:translate(-65%,-50%) rotate(135deg)}
.rx-arr:hover{background:var(--mint)}
.rx-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px max(clamp(20px,4.5vw,72px),calc((100vw - 1280px)/2 + 72px)) 24px;scrollbar-width:none;cursor:grab;outline:none}
.rx-track::-webkit-scrollbar{display:none}
.rx-track.drag{cursor:grabbing;scroll-snap-type:none}
.rx-track.drag *{pointer-events:none}
.rx-card{flex:0 0 clamp(260px,28vw,360px);scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}
.rx-card-ph{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;margin-bottom:10px}
.rx-card-ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);user-select:none;-webkit-user-drag:none}
.rx-card:hover .rx-card-ph img{transform:scale(1.05)}
.rx-card-no{position:absolute;left:14px;top:12px;font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:34px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.rx-card-t{font-size:13px;font-weight:700;color:var(--teal)}
.rx-card h3{font-size:24px}
.rx-card p{margin:0;font-size:14.5px;line-height:1.9;color:#40595A}
.rx-progress{height:3px;background:#D4D9D4;border-radius:3px;overflow:hidden}
.rx-progress i{display:block;height:100%;width:20%;background:var(--deep);transition:width .2s}
.rx-note{font-size:12.5px;color:#5A6866;margin:12px 0 0}

/* CHECK */
.rx-check{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.rx-check .rx-head{margin:0}
.rx-quiz{background:var(--deep);color:#fff;border-radius:22px;padding:clamp(28px,4vw,52px);min-height:360px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:12px 12px 0 var(--ink)}
.rx-quiz .fit-n{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:16px;letter-spacing:.12em}
.rx-quiz .fit-qt{font-family:var(--rx-display);font-weight:900;font-size:clamp(24px,2.8vw,36px);line-height:1.45}
.rx-quiz .fit-b{font-family:var(--rx-display);font-weight:900;font-size:19px;min-height:68px}
.rx-quiz .fit-score b{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:96px}
.rx-quiz .fit-t{font-family:var(--rx-display);font-weight:900}
.rx-quiz .rx-link{color:#fff}

/* RULES */
.rx-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rx-rule{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;gap:10px;transition:transform .4s var(--ease),box-shadow .4s}
.rx-rule:nth-child(even){transform:translateY(24px)}
.rx-rule:hover{box-shadow:8px 8px 0 var(--mint);transform:translate(-4px,-4px)}
.rx-rule:nth-child(even):hover{transform:translate(-4px,20px)}
.rx-rule span{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:40px;line-height:1;color:var(--teal)}
.rx-rule b{font-family:var(--rx-display);font-weight:900;font-size:20px;line-height:1.45}
.rx-rule p{margin:0;font-size:14px;color:#40595A;line-height:1.8}

/* JOB */
.rx-jobcard{border:2px solid var(--ink);border-radius:20px;padding:clamp(24px,4vw,48px);display:grid;gap:26px;background:#F6F4EF}
.rx-job-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.rx-tag{font-size:13px;font-weight:700;padding:5px 14px;border-radius:999px;background:var(--mint);color:var(--deep)}
.rx-job-top h3{font-size:clamp(24px,2.8vw,34px)}
.rx-job-meta{font-size:13px;color:#5A6866}
.rx-dl{display:grid;grid-template-columns:9em minmax(0,1fr);margin:0;border-top:1px solid #D4D9D4}
.rx-dl dt,.rx-dl dd{margin:0;padding:16px 0;border-bottom:1px solid #D4D9D4;font-size:15px;line-height:1.85}
.rx-dl dt{font-weight:700}
.rx-jobcard .rx-btn{justify-self:start}
.rx-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.rx-flow>div{padding:22px;border-radius:16px;background:var(--deep);color:#fff;display:flex;flex-direction:column;gap:6px}
.rx-flow span{font-family:var(--rx-en);font-weight:900;font-stretch:75%;letter-spacing:.1em;color:var(--mint);font-size:14px}
.rx-flow b{font-family:var(--rx-display);font-weight:900;font-size:19px}
.rx-flow p{margin:0;font-size:14px;color:var(--dtext);line-height:1.85}
.rx-flow .tbd{background:rgba(158,240,209,.15);color:var(--mint)}

/* FAQ */
.rx-faqwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.rx-faq summary{font-family:var(--rx-display);font-weight:700;font-size:17px}
.rx-faq summary .q{font-family:var(--rx-en);font-weight:900;color:var(--teal)}

/* ENTRY */
.rx-entry{position:relative;background:var(--deep);color:#fff;padding:clamp(100px,12vw,180px) 0 clamp(80px,10vw,140px);overflow:hidden}
.rx-entry-big{position:absolute;left:50%;top:clamp(10px,2vw,30px);transform:translateX(-50%);font-family:var(--rx-en);font-weight:900;font-stretch:62%;font-size:clamp(140px,26vw,400px);line-height:.8;color:var(--mint);opacity:.12;letter-spacing:.02em;pointer-events:none}
.rx-entry-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start}
.rx-entry h2{font-size:clamp(36px,5vw,68px);line-height:1.2}
.rx-tel{margin-top:30px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dtext)}
.rx-tel a{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:clamp(36px,4vw,52px);color:#fff;text-decoration:none;letter-spacing:.02em}
.rx-form{background:#F6F4EF;color:var(--ink);border-radius:22px;padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:22px}
.rx-form .inp{border-bottom-color:#BFC7C2}
.rx-form .ck span{border-radius:999px}
.rx-float{background:var(--mint)!important;color:var(--deep)!important;font-family:var(--rx-en);font-weight:900;font-stretch:75%;letter-spacing:.12em;font-size:18px}
.rx-float small{font-family:var(--gothic);font-size:12px;font-weight:700;letter-spacing:.04em;margin-left:4px}
.rx-float .dot{background:var(--deep)}.rx-float .dot::after{background:var(--deep)}
body[data-current="recruit"] .hd:not(.scrolled){background:transparent}

@media (max-width:900px){
  .rx-hero-in,.rx-check,.rx-faqwrap,.rx-entry-in{grid-template-columns:minmax(0,1fr)}
  .rx-swap{max-width:420px;transform:rotate(1.5deg)}
  .rx-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-n:nth-child(2){border-right:0}
  .rx-n:nth-child(3){padding-left:0}
  .rx-n:nth-child(n+3){border-top:1px solid #D4D9D4;margin-top:24px}
  .rx-why li{grid-template-columns:minmax(0,1fr);gap:8px}
  .rx-why li div{grid-template-columns:minmax(0,1fr);gap:10px}
  .rx-why-ph{display:none}
  .rx-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-rule:nth-child(even){transform:none}
  .rx-flow{grid-template-columns:minmax(0,1fr)}
  .rx-arrows{display:none}
  .rx-card{flex-basis:76vw}
}
@media (max-width:600px){
  .rx-rules{grid-template-columns:minmax(0,1fr)}
  .rx-dl{grid-template-columns:minmax(0,1fr)}
  .rx-dl dt{border-bottom:0;padding-bottom:0}
  .rx-head h2{font-size:clamp(30px,8.6vw,40px)}
  .rx-quiz{box-shadow:6px 6px 0 var(--ink)}
}
.rx-track{padding:4px 0 24px;scroll-padding-inline:clamp(20px,4.5vw,72px)}
.rx-track::before,.rx-track::after{content:"";flex:0 0 max(clamp(0px,2.5vw,52px),calc((100vw - 1280px) / 2 + 52px))}
/* マスク演出：IntersectionObserverが反応しない clip-path をやめ、覆いをめくる方式に */
.mask{clip-path:none!important;position:relative}
.mask::after{content:"";position:absolute;inset:-1px;z-index:4;background:var(--mask-bg,var(--paper));transform-origin:50% 0;transform:scaleY(1);transition:transform 1.3s var(--ease2);pointer-events:none}
.mask.in::after{transform:scaleY(0)}
.sec-pale{--mask-bg:var(--pale)}
.dark{--mask-bg:var(--deep)}
@media (prefers-reduced-motion:reduce){.mask::after{display:none}}

/* ===== v8：採用ページ インタラクティブ追加 ===== */
.rx-swap{transition:transform .5s var(--ease),box-shadow .5s}
/* 道具 */
.rx-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:stretch}
.rx-tool-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rx-tool-b{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border-radius:16px;border:2px solid var(--ink);background:#F6F4EF;cursor:pointer;text-align:left;transition:transform .35s var(--ease),background .3s,box-shadow .35s}
.rx-tool-b svg{width:48px;height:48px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease)}
.rx-tool-b b{font-family:var(--rx-display);font-weight:900;font-size:19px}
.rx-tool-b span{font-size:13px;color:#40595A}
.rx-tool-b:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.rx-tool-b:hover svg{transform:rotate(-12deg) scale(1.08)}
.rx-tool-b[aria-selected="true"]{background:var(--mint);box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}
.rx-tool-p{position:relative;height:100%;min-height:300px;border-radius:20px;background:var(--deep);color:#fff;padding:clamp(26px,3.6vw,44px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.rx-tool-p .big{position:absolute;left:clamp(20px,3vw,40px);top:clamp(10px,2vw,24px);font-family:var(--rx-display);font-weight:900;font-size:clamp(56px,7vw,104px);line-height:1.1;color:var(--mint);opacity:.18;white-space:nowrap}
.rx-tool-p:not([hidden]) .big{animation:bigin .8s var(--ease)}
@keyframes bigin{from{transform:translateX(-30px);opacity:0}}
.rx-tool-p h3{font-size:clamp(24px,2.6vw,34px);color:var(--mint);margin-bottom:10px}
.rx-tool-p p{margin:0;line-height:2;color:var(--dtext)}
/* 成長 */
.rx-grow{--p:0%}
.rx-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--mint) var(--p),rgba(255,255,255,.18) var(--p));outline:none;margin:10px 0 0;cursor:pointer}
.rx-range::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;border-radius:50%;background:var(--mint);border:4px solid var(--deep);box-shadow:0 0 0 2px var(--mint),0 10px 24px -6px rgba(0,0,0,.5);cursor:grab}
.rx-range::-moz-range-thumb{width:36px;height:36px;border-radius:50%;background:var(--mint);border:4px solid var(--deep);cursor:grab}
.rx-range:focus-visible{outline:2px solid var(--mint);outline-offset:8px}
.rx-grow-ticks{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}
.rx-grow-ticks span{font-family:var(--rx-display);font-weight:900;font-size:15px;color:rgba(255,255,255,.4);cursor:pointer;transition:color .3s;display:flex;flex-direction:column;gap:2px}
.rx-grow-ticks span:nth-child(2){text-align:center;align-items:center}.rx-grow-ticks span:nth-child(3){text-align:center;align-items:center}.rx-grow-ticks span:last-child{text-align:right;align-items:flex-end}
.rx-grow-ticks span.on{color:var(--mint)}
.rx-grow-ticks small{font-family:var(--gothic);font-weight:500;font-size:11px}
.rx-grow-ticks .tbd{background:rgba(158,240,209,.12);color:var(--mint)}
.rx-grow-panels{margin-top:clamp(32px,4vw,52px)}
.rx-grow-p{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px 40px;align-items:start}
.rx-grow-p .lv{grid-column:1/-1;font-family:var(--rx-en);font-weight:900;font-stretch:75%;letter-spacing:.12em;color:var(--mint)}
.rx-grow-p h3{font-size:clamp(36px,5vw,68px);line-height:1.15}
.rx-grow-p h3 small{display:block;font-size:16px;font-weight:700;color:var(--dtext);margin-top:12px;font-family:var(--gothic)}
.rx-grow-p ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rx-grow-p li{padding:16px 20px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(158,240,209,.25);font-weight:700;display:flex;gap:12px;align-items:center}
.rx-grow-p li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--mint);flex-shrink:0}
/* めくれるカード */
.rx-conds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rx-flip{position:relative;height:200px;border:0;padding:0;background:none;cursor:pointer;perspective:1000px;font:inherit;color:inherit;text-align:left}
.rx-flip>span{position:absolute;inset:0;border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s var(--ease)}
.rx-flip .fr{background:var(--deep);color:#fff}
.rx-flip .fr .en{font-family:var(--rx-en);font-weight:900;font-stretch:75%;font-size:clamp(44px,5vw,64px);line-height:.9;color:var(--mint)}
.rx-flip .fr b{font-family:var(--rx-display);font-weight:900;font-size:24px}
.rx-flip .fr i{position:absolute;right:20px;bottom:22px;font-style:normal;font-size:12px;font-weight:700;color:var(--mint);border:1px solid rgba(158,240,209,.5);border-radius:999px;padding:4px 12px}
.rx-flip .bk{background:var(--mint);color:var(--deep);transform:rotateY(180deg);justify-content:center;gap:10px}
.rx-flip .bk b{font-family:var(--rx-display);font-weight:900;font-size:20px}
.rx-flip .bk .tbd{background:rgba(15,61,62,.1);color:var(--deep);font-size:15px;line-height:1.7}
.rx-flip[aria-pressed="true"] .fr{transform:rotateY(-180deg)}
.rx-flip[aria-pressed="true"] .bk{transform:rotateY(0)}
.rx-flip:hover .fr{transform:rotateY(-8deg)}
.rx-flip[aria-pressed="true"]:hover .fr{transform:rotateY(-180deg)}
/* 紙吹雪 */
.cf{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;z-index:5;pointer-events:none;animation:cf 2s cubic-bezier(.2,.6,.4,1) forwards}
@keyframes cf{to{transform:translate(var(--x),420px) rotate(var(--r));opacity:0}}
@media (max-width:900px){
  .rx-tools,.rx-grow-p{grid-template-columns:minmax(0,1fr)}
  .rx-conds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-flip{height:170px}
  .rx-tool-p{min-height:240px}
}
@media (max-width:600px){.rx-grow-ticks span{font-size:12px}.rx-grow-ticks small{display:none}}

/* v9 map */
.gmap{position:relative;border-radius:var(--r,18px);overflow:hidden;border:1px solid rgba(15,61,62,.15);width:100%;aspect-ratio:16/9;background:var(--pale,#eef3f0)}
.gmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85)}
@media(max-width:700px){.gmap{aspect-ratio:4/3}}

@media(max-width:700px){
.cred-tbl,.cred-tbl tbody,.cred-tbl tr,.cred-tbl th,.cred-tbl td{display:block;width:100%}
.cred-tbl thead{display:none}
.cred-tbl tr{padding:16px 0;border-bottom:1px solid rgba(15,61,62,.15)}
.cred-tbl tbody th{border:0;padding:0 0 6px;font-size:12px;letter-spacing:.08em;color:var(--teal)}
.cred-tbl td{border:0;padding:3px 0;min-width:0!important;white-space:normal!important;display:grid;grid-template-columns:6.5em 1fr;gap:8px}
.cred-tbl td::before{content:attr(data-l);font-size:12px;color:rgba(15,61,62,.6)}
.cred-tbl td[data-l="名称"]{display:block;font-weight:700;padding-bottom:6px}
.cred-tbl td[data-l="名称"]::before{content:none}
}

/* v9 通信簿 2026スタート */
.new-tag{display:inline-flex;align-items:center;gap:8px;margin:2px 0 14px;padding:6px 14px 6px 12px;border-radius:999px;background:var(--mint);color:var(--deep);font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em}
.new-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--deep);animation:ntpulse 1.8s ease-in-out infinite}
@keyframes ntpulse{50%{opacity:.25;transform:scale(.7)}}
.cl-new{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--teal);margin-bottom:4px}
.ap{word-break:auto-phrase}

/* ===== v9 ヒト×人 リデザイン ===== */
.bx-hero{position:relative;margin:clamp(84px,8vw,104px) clamp(12px,2vw,28px) 0;height:min(88svh,860px);min-height:560px;display:flex;border-radius:clamp(14px,1.6vw,24px);overflow:hidden;background:var(--deep);isolation:isolate}
.bx-side{position:relative;flex:1 1 0;min-width:0;overflow:hidden;transition:flex-grow 1s var(--ease)}
.bx-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);animation:bxIn 2.2s var(--ease) both}
.bx-r img{animation-delay:.15s}
@keyframes bxIn{from{transform:scale(1.25);filter:brightness(.6)}to{transform:scale(1.04);filter:none}}
.bx-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,44,45,.0) 45%,rgba(10,44,45,.72));pointer-events:none}
.bx-l{clip-path:inset(0 0 0 0);animation:bxL 1.4s var(--ease) both}
.bx-r{animation:bxR 1.4s var(--ease) .1s both}
@keyframes bxL{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes bxR{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
.bx-r{border-left:3px solid var(--paper)}
.bx-tag{position:absolute;left:clamp(18px,3vw,44px);bottom:clamp(18px,3vw,40px);z-index:2;color:#fff;display:flex;flex-direction:column;gap:2px}
.bx-r .bx-tag{left:auto;right:clamp(18px,3vw,44px);text-align:right;align-items:flex-end}
.bx-tag .bx-en{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.3em;color:var(--mint)}
.bx-tag b{font-family:var(--mincho);font-size:clamp(34px,4vw,56px);line-height:1.1}
.bx-tag small{font-size:13px;letter-spacing:.08em;opacity:.9}
.bx-center{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}
.bx-center>*{pointer-events:auto}
.bx-center{grid-template-rows:1fr auto auto 1fr;align-content:center}
.bx-center .crumb{grid-row:1;align-self:start;justify-self:start;margin:22px clamp(18px,3vw,44px);color:#fff;background:rgba(10,44,45,.45);backdrop-filter:blur(6px);padding:6px 14px;border-radius:999px;font-size:12px}
.bx-center .crumb a,.bx-center .crumb span{color:#fff}
.bx-title{grid-row:2;margin:0;display:flex;align-items:center;gap:.06em;font-family:var(--mincho);font-weight:700;font-size:clamp(68px,11vw,168px);line-height:1;color:var(--deep);background:var(--paper);padding:.12em .32em .16em;border-radius:.24em;box-shadow:0 30px 80px rgba(10,44,45,.35);animation:bxPop 1.2s var(--ease) .7s both}
@keyframes bxPop{from{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:none}}
.bx-title .x{font-family:'Jost',var(--gothic);font-weight:300;font-size:.6em;color:#fff;background:var(--teal);width:1.15em;height:1.15em;border-radius:50%;display:inline-grid;place-items:center;margin:0 .08em;animation:spinx 1.6s var(--ease2) 1.1s both}
.bx-lead{grid-row:3;margin:18px 0 0;font-family:var(--mincho);font-weight:700;font-size:clamp(15px,1.6vw,20px);line-height:1.8;color:#fff;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.45);animation:fade 1s 1.4s both}
.bx-hint{position:absolute;z-index:3;left:50%;bottom:16px;transform:translateX(-50%);margin:0;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.75);animation:fade 1s 2.2s both}
@media (hover:none){.bx-hint{display:none}}

.bx-intro{text-align:center;padding-bottom:clamp(40px,5vw,72px)}
.bx-kicker{font-family:var(--mincho);font-size:clamp(15px,1.5vw,18px);line-height:2;color:var(--mute);margin:0 0 22px}
.bx-statement{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(34px,6vw,84px);line-height:1.45;letter-spacing:.04em;color:var(--deep)}
.bx-statement em{font-style:normal;background:linear-gradient(transparent 62%,var(--mint) 62%,var(--mint) 92%,transparent 92%);background-size:0 100%;background-repeat:no-repeat;transition:background-size 1.2s var(--ease) .5s;padding:0 .04em}
.bx-statement.in em{background-size:100% 100%}
.bx-statement.in em+br+em,.bx-statement.in em:last-of-type{transition-delay:.9s}

.bx-en-s{display:block;font-family:'Jost',sans-serif;font-size:12px;font-weight:500;letter-spacing:.3em;color:var(--teal);margin-bottom:14px}
.bx-hands{padding-top:clamp(40px,5vw,72px)}
.bx-hands-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,3vw,44px)}
.bx-track{gap:clamp(14px,1.6vw,24px)}
.bx-card{flex:0 0 clamp(250px,26vw,380px);margin:0}
.bx-card.tall{flex-basis:clamp(250px,22vw,330px)}
.bx-ph{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--ph2)}
.bx-card.tall .bx-ph{aspect-ratio:3/4.4}
.bx-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bx-card:hover .bx-ph img{transform:scale(1.06)}
.bx-card figcaption{display:flex;flex-direction:column;gap:4px;padding-top:14px}
.bx-verb{font-family:var(--mincho);font-weight:700;font-size:clamp(24px,2.4vw,32px);color:var(--deep);letter-spacing:.06em}
.bx-card figcaption span:last-child{font-size:13.5px;line-height:1.8;color:var(--ink2)}
.bx-ph-plan{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;background:repeating-linear-gradient(-45deg,var(--mintp) 0 12px,#E6FAF5 12px 24px);border:2px dashed var(--teal)}
.bx-ph-plan b{font-family:var(--mincho);font-size:22px;line-height:1.6;color:var(--deep)}
.bx-plan-k{font-size:11px;font-weight:700;letter-spacing:.2em;background:var(--deep);color:var(--mint);padding:4px 12px;border-radius:999px}
.bx-ph-plan .tbd{font-size:12px}

.bx-why{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.bx-why-ph{aspect-ratio:4/3;border-radius:16px;min-height:0}

.bx-eq-head{text-align:center;margin-bottom:clamp(32px,4vw,56px)}
.bx-eq{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.25fr);gap:clamp(12px,2vw,28px);align-items:center;background:var(--pale);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,44px)}
.bx-eq-col{display:flex;flex-direction:column;gap:10px}
.bx-eq-k{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--mute);margin-bottom:4px}
.bx-eq-col button{font:inherit;font-family:var(--mincho);font-weight:700;font-size:16px;text-align:left;padding:14px 18px;border-radius:12px;border:1.5px solid var(--line2);background:#fff;color:var(--deep);cursor:pointer;transition:all .35s var(--ease)}
.bx-eq-col button:hover{border-color:var(--teal);transform:translateX(3px)}
.bx-eq-col button.on{background:var(--deep);border-color:var(--deep);color:var(--mint)}
.bx-eq-x{font-family:'Jost',sans-serif;font-weight:300;font-size:clamp(36px,4vw,56px);color:var(--teal);line-height:1}
.bx-eq-out{background:var(--deep);color:#fff;border-radius:18px;padding:clamp(22px,2.6vw,34px);min-height:200px;display:flex;flex-direction:column;justify-content:center}
.bx-eq-out .bx-eq-k{color:var(--mint)}
.bx-eq-out p{margin:6px 0 0;font-family:var(--mincho);font-weight:700;font-size:clamp(19px,1.9vw,25px);line-height:1.75;word-break:auto-phrase}
.bx-eq-out p.flip{animation:eqIn .6s var(--ease)}
@keyframes eqIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.bx-belief{position:relative;overflow:hidden;color:#fff;padding:clamp(110px,14vw,200px) 0;isolation:isolate}
.bx-belief>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bx-belief::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,44,45,.94) 30%,rgba(10,44,45,.62))}
.bx-belief .eyebrow{color:var(--mint)}
.bx-belief-q{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(32px,5vw,68px);line-height:1.5;letter-spacing:.06em}
.bx-belief-q span{display:block;opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.bx-belief-q.in span{opacity:1;transform:none}
.bx-belief-q.in span:nth-child(2){transition-delay:.15s}.bx-belief-q.in span:nth-child(3){transition-delay:.3s;color:var(--mint)}.bx-belief-q.in span:nth-child(4){transition-delay:.45s}
.bx-belief-by{margin:28px 0 0;font-size:14px;letter-spacing:.14em;color:var(--dtext)}
.bx-belief-by::before{content:"";display:inline-block;width:32px;height:1px;background:var(--mint);vertical-align:middle;margin-right:12px}

.bx-prom .bx-no{font-family:'Jost',sans-serif;font-weight:300;font-size:56px;line-height:1;color:var(--mint)}
.bx-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.bx-duo .ph{aspect-ratio:3/4;border-radius:14px;min-height:0}
.bx-duo .ph+.ph{margin-top:clamp(40px,6vw,90px)}

@media (max-width:900px){
  .bx-hero{flex-direction:column;height:82svh;min-height:600px}
  .bx-r{border-left:0;border-top:3px solid var(--paper)}
  .bx-l{animation-name:bxLs}.bx-r{animation-name:bxRs}
  @keyframes bxLs{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
  @keyframes bxRs{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
  .bx-tag{bottom:14px}.bx-tag b{font-size:30px}
  .bx-l .bx-tag{top:auto}
  .bx-title{font-size:clamp(56px,17vw,92px)}
  .bx-why,.bx-eq{grid-template-columns:minmax(0,1fr)}
  .bx-eq-x{justify-self:center;transform:rotate(0)}
  .bx-hands-head{flex-direction:row}
}

.bx-hero{margin-top:clamp(96px,8.4vw,120px)}
.bx-hint{left:0;right:0;transform:none;text-align:center}
.bx-ph,.bx-card.tall .bx-ph{aspect-ratio:auto;height:clamp(340px,32vw,460px)}
@media (max-width:900px){.bx-hint{display:none}.bx-l .bx-tag{top:64px;bottom:auto}.bx-ph,.bx-card.tall .bx-ph{height:min(108vw,440px)}}
.gnav a.nl,.hd-tel,.gnav .btn{white-space:nowrap}
@media (max-width:1380px) and (min-width:1101px){.gnav{gap:clamp(12px,1.4vw,22px);font-size:13px}.gnav a.nl{letter-spacing:.02em}}

/* ===== v10 10/19 修正 ===== */
.pause-btn{font:inherit;font-size:12px;letter-spacing:.1em;padding:6px 14px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink2);cursor:pointer}
.pause-btn[aria-pressed="true"]{background:var(--deep);color:#fff;border-color:var(--deep)}
.strip.paused .strip-in{animation-play-state:paused}
.fv-pause{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(15,61,62,.35);display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:0}
.fv-pause span{display:block;width:3px;height:11px;background:#fff;border-radius:1px}
.fv-pause[aria-pressed="true"] span:first-child{width:0;height:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;background:none;margin-left:3px}
.fv-pause[aria-pressed="true"] span:last-child{display:none}
.fv-photo.paused .bar i{animation-play-state:paused}
.err{display:block;margin-top:6px;font-size:12.5px;color:#9B2D2D;font-weight:700}
.inp[aria-invalid="true"]{border-color:#9B2D2D!important}
@media(max-width:700px){
.stack-tbl,.stack-tbl tbody,.stack-tbl tr,.stack-tbl th,.stack-tbl td{display:block;width:100%}
.stack-tbl thead{display:none}
.stack-tbl tr{padding:14px 0;border-bottom:1px solid rgba(15,61,62,.15)}
.stack-tbl tbody th{border:0;padding:0 0 6px;font-family:var(--mincho);font-size:17px;color:var(--deep)}
.stack-tbl td{border:0;padding:3px 0;display:grid;grid-template-columns:7em 1fr;gap:8px;font-size:14px}
.stack-tbl td::before{content:attr(data-l);font-size:12px;color:rgba(15,61,62,.6)}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.site-footer,.footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
body[data-current="recruit"] .cta,body[data-current="recruit"] .cta-sec,.page[data-page="recruit"] ~ .cta{display:none}
.rx-flip .bk .bk-t{font-size:14px;line-height:1.8;color:var(--deep)}

/* ===== v11 サンクスページ ===== */
.thanks{padding-top:clamp(60px,10vw,120px)}
.thanks-in{max-width:760px;margin:0 auto}
.thanks .h2{margin:10px 0 18px}
.thanks-box{margin-top:34px;padding:26px 28px;background:var(--pale,#f3f7f5);border-radius:18px}
.thanks-box>b{display:block;margin-bottom:14px;font-size:15px;letter-spacing:.06em}
.thanks-box ol{margin:0;padding:0;list-style:none;counter-reset:th}
.thanks-box li{position:relative;padding:10px 0 10px 44px;counter-increment:th;font-size:14px;line-height:1.8;border-top:1px solid rgba(0,0,0,.06)}
.thanks-box li:first-child{border-top:0}
.thanks-box li::before{content:counter(th,decimal-leading-zero);position:absolute;left:0;top:10px;font:600 13px/1 'Archivo',sans-serif;color:var(--green,#1f6b57);letter-spacing:.04em}
.thanks-box li>span{display:block;font-weight:700;margin-bottom:2px}
.thanks-note{margin-top:30px;text-align:center}
.thanks-note .telbox{display:inline-block;margin:10px 0}
.thanks-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:34px}
.thanks-links .tlink{width:100%;text-align:center;margin-top:6px}

/* ===== v12 お知らせ・note連携 ===== */
.news-bar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.news-in{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:start;padding:22px 0}
.news-k{margin:0;font-size:15px;letter-spacing:.08em;display:flex;flex-direction:column;gap:4px;padding-top:6px}
.news-k .bx-en-s{font:600 11px/1 'Archivo',sans-serif;letter-spacing:.2em;color:var(--green,#1f6b57)}
.news-list{list-style:none;margin:0;padding:0}
.news-list li{border-top:1px solid rgba(0,0,0,.06)}
.news-list li:first-child{border-top:0}
.news-list li>a,.news-list li>div{display:grid;grid-template-columns:92px 1fr;gap:6px 18px;padding:10px 0;color:inherit;text-decoration:none;align-items:baseline}
.news-list li>a:hover .news-t{text-decoration:underline}
.news-list time{font:500 13px/1.6 'Archivo',sans-serif;letter-spacing:.06em;color:var(--green,#1f6b57)}
.news-t{font-size:15px;font-weight:700;line-height:1.6}
.news-b{grid-column:2;font-size:13px;line-height:1.7;color:rgba(0,0,0,.62)}
.news-empty{font-size:13px;color:rgba(0,0,0,.5);padding:10px 0}
@media(max-width:720px){.news-in{grid-template-columns:1fr;gap:8px;padding:16px 0}.news-list li>a,.news-list li>div{grid-template-columns:1fr;gap:2px}.news-b{grid-column:1}}

.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.note-grid-full{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.note-grid,.note-grid-full{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.note-grid,.note-grid-full{grid-template-columns:1fr}}
.note-card{display:block;color:inherit;text-decoration:none;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.note-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px -18px rgba(0,0,0,.35)}
.note-card .ph{display:block;aspect-ratio:1.91/1;background:var(--pale,#f3f7f5);position:relative;overflow:hidden}
.note-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.note-noimg{position:absolute;inset:0;display:grid;place-items:center;font:700 22px/1 'Archivo',sans-serif;letter-spacing:.1em;color:var(--green,#1f6b57);opacity:.5}
.note-body{display:block;padding:18px 20px 20px}
.note-body time{display:block;font:500 12px/1 'Archivo',sans-serif;letter-spacing:.08em;color:var(--green,#1f6b57);margin-bottom:8px}
.note-body b{display:block;font-size:16px;line-height:1.6;margin-bottom:8px}
.note-desc{display:block;font-size:13px;line-height:1.7;color:rgba(0,0,0,.6);margin-bottom:10px}
.note-empty{grid-column:1/-1;text-align:center;padding:34px 0;color:rgba(0,0,0,.5)}
form[data-live] .err{display:block;margin:0 0 14px;padding:10px 14px;background:#fff3f1;border-radius:10px}

/* ===== v13 note導線（NOTE_URL が入ったときだけ出る） ===== */
.note-ln{display:inline-flex;align-items:center;gap:6px;font-weight:700;letter-spacing:.04em}
.note-ln::before{content:"";width:14px;height:14px;border-radius:3px;background:currentColor;opacity:.85;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h12l4 4v14H4z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h12l4 4v14H4z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.note-ln-s{font-weight:400;font-size:.85em;opacity:.7}

/* ===== v14 大工集団の強調（提案） ===== */
#fv-h .l0{display:block;font:500 clamp(13px,1.2vw,16px)/1 'Zen Kaku Gothic New',sans-serif;letter-spacing:.3em;color:var(--green,#1f6b57);margin-bottom:14px;writing-mode:horizontal-tb}
.why-daiku{background:#fff}
.wd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.5vw,32px);margin-top:34px}
@media(max-width:900px){.wd-grid{grid-template-columns:1fr}}
.wd-card{position:relative;background:var(--pale,#f3f7f5);border-radius:20px;overflow:hidden;padding-bottom:22px}
.wd-card .ph{aspect-ratio:4/3;border-radius:0}
.wd-card .ph img{width:100%;height:100%;object-fit:cover;display:block}
.wd-no{position:absolute;top:14px;left:16px;font:800 13px/1 'Archivo',sans-serif;letter-spacing:.14em;color:#fff;background:var(--green,#1f6b57);padding:7px 10px;border-radius:999px}
.wd-card h3{font-size:17px;line-height:1.6;margin:18px 22px 8px;font-family:'Shippori Mincho B1',serif;font-weight:700}
.wd-card p{margin:0 22px;font-size:14px;line-height:1.85;color:rgba(0,0,0,.72)}
.own-tag{display:inline-block;margin-left:8px;font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--green,#1f6b57);border:1px solid currentColor;border-radius:999px;padding:2px 8px;vertical-align:middle}
/* v15 社員紹介の強調 */
.st-kicker{display:block;font:500 12px/1 'Zen Kaku Gothic New',sans-serif;letter-spacing:.28em;color:var(--green,#1f6b57);margin-bottom:8px}
/* v15 代表の自宅（大工の技術の証明） */
.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,22px);margin-top:30px}
@media(max-width:900px){.hp-grid{grid-template-columns:repeat(2,1fr)}}
.hp-grid figure{margin:0}
.hp-grid .ph{aspect-ratio:3/4;border-radius:14px;overflow:hidden}
.hp-grid .ph img{width:100%;height:100%;object-fit:cover;display:block}
.hp-grid figcaption{margin-top:10px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.hp-grid figcaption span{font:800 11px/1 'Archivo',sans-serif;letter-spacing:.14em;color:var(--green,#1f6b57)}
/* v15 採用セクション（フルブリード） */
.rc-top2{position:relative;padding:clamp(80px,10vw,150px) 0;overflow:hidden;color:#fff;background:#1d2b26}
.rc-top-bg{position:absolute;inset:0}
.rc-top-bg img{width:100%;height:100%;object-fit:cover;object-position:100% 45%;display:block}
.rc-top-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,30,26,.88) 0%,rgba(18,30,26,.72) 38%,rgba(18,30,26,.15) 75%,rgba(18,30,26,0) 100%)}
.rc-top2-in{position:relative;z-index:1}
.rc-top2-txt{max-width:560px}
.rc-top2 .eyebrow{color:#9fd9c3}
.rc-top2 .eyebrow::before{background:#9fd9c3}
.rc-top2 .h2{color:#fff;font-size:clamp(30px,4vw,54px)}
.rc-top2 .lead{color:rgba(255,255,255,.86);margin-top:18px}
.rc-top2 .rc-tags li{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.rc-top2 .rc-live{position:static;display:inline-flex;margin-bottom:18px;background:#9fd9c3;color:#12302a}
.rc-top2 .tlink{color:#fff}
.rc-top2-cap{position:absolute;right:0;bottom:-40px;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.75)}
@media(max-width:720px){.rc-top-bg::after{background:linear-gradient(180deg,rgba(18,30,26,.85) 0%,rgba(18,30,26,.7) 100%)}.rc-top2-cap{position:static;margin-top:28px}}
/* v15 note：最新記事を大きく */
.note-grid-top{grid-template-columns:1.6fr 1fr;grid-auto-rows:auto}
.note-grid-top .note-feat{grid-row:span 2}
.note-grid-top .note-feat .ph{aspect-ratio:16/10}
.note-grid-top .note-feat .note-body b{font-size:20px}
.note-grid-top .note-card:not(.note-feat){display:grid;grid-template-columns:140px minmax(0,1fr);align-items:stretch}
.note-grid-top .note-card:not(.note-feat) .ph{aspect-ratio:auto;width:140px;min-height:150px;height:100%;border-radius:0}
.note-grid-top .note-card:not(.note-feat) .note-body{padding:16px 18px;min-width:0}
.note-grid-top .note-card:not(.note-feat) .note-body b{font-size:15px}
.note-grid-top .note-card:not(.note-feat) .note-desc{display:none}
.note-new{position:absolute;top:12px;left:12px;background:var(--green,#1f6b57);color:#fff;font-size:11px;letter-spacing:.1em;padding:5px 10px;border-radius:999px}
@media(max-width:900px){.note-grid-top{grid-template-columns:1fr}.note-grid-top .note-feat{grid-row:auto}}

/* v16: 現場の作法 — 写真オーバーレイ */
.manners-sec{position:relative;overflow:hidden;isolation:isolate}
.manners-bg{position:absolute;inset:0;z-index:-1}
.manners-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.7)}
.manners-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,61,62,.9) 0%,rgba(15,61,62,.8) 55%,rgba(15,61,62,.92) 100%)}
.manners-sec .h2{color:var(--washi)}
.manners-sec .manner{background:rgba(244,239,230,.96);border-color:transparent}
.manners-sec .b-more b{color:var(--washi)}
.manners-sec .chips.big span{background:rgba(244,239,230,.1);border-color:rgba(244,239,230,.35);color:var(--washi)}

/* v16: アフターサポート */
.as-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.as-after{margin-top:clamp(24px,3vw,36px);padding:clamp(22px,2.6vw,32px);background:var(--washi);border-left:3px solid var(--mint)}
.as-after b{display:block;font-family:var(--mincho);font-size:18px;color:var(--deep);margin-bottom:8px}
.as-after p{font-size:14.5px;line-height:1.95;color:var(--ink2);margin:0}
.sp-only{display:none}
@media(max-width:720px){.as-grid{grid-template-columns:minmax(0,1fr)}.sp-only{display:inline}}

.bx-ph{position:relative}.bx-img-note{position:absolute;right:8px;bottom:8px;font-size:10.5px;letter-spacing:.12em;padding:2px 8px;background:rgba(15,61,62,.7);color:var(--washi);border-radius:999px}

/* v16: 一般的な目安の表記 */
.avg{border-bottom:1px dotted var(--teal)}.avg small{font-size:10px;margin-left:3px;color:var(--teal);vertical-align:super}.avg-note{display:block;font-size:11px;color:var(--ink3);margin-top:4px}

/* v16: 補助金一覧 */
.sub-tbl th[scope=row] small{display:block;font-weight:400;font-size:11px;color:var(--ink3);margin-top:2px}
.sub-tbl td{font-size:13.5px;line-height:1.8}
.sub-ok,.sub-chk,.sub-end{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;margin-right:6px;vertical-align:1px}
.sub-ok{background:var(--mintp);color:var(--deep)}.sub-chk{background:#FFF3D6;color:#8A5A00}.sub-end{background:#EEE;color:#666}

.avg-tag{display:inline-block;font-size:10px;font-weight:700;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:0 6px;margin-left:6px;vertical-align:2px}

/* v17: お知らせ一覧 */
.news-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--deep);text-decoration:none;border-bottom:1px solid var(--line2)}
.news-more:hover{border-color:var(--deep)}
.news-full{list-style:none;margin:0;padding:0;max-width:860px}
.news-full li{display:grid;grid-template-columns:120px 1fr;gap:8px 28px;padding:26px 0;border-top:1px solid var(--line)}
.news-full li:first-child{border-top:0}
.news-full li.is-target{background:var(--mintp);margin:0 -16px;padding-left:16px;padding-right:16px}
.news-full time{font:500 14px/1.6 'Archivo',sans-serif;letter-spacing:.06em;color:var(--green,#1f6b57);padding-top:4px}
.news-ft{margin:0 0 8px;font-family:var(--mincho);font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--deep)}
.news-fp{margin:0 0 10px;font-size:15px;line-height:1.95;color:var(--ink2)}
.news-list .news-b{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:720px){.news-full li{grid-template-columns:1fr;gap:4px;padding:20px 0}}