/* ============================================================
   RICE CLOUD — TOP  "Business Topography / Light"
   white theme × apple-like glass components / v4
   ============================================================ */

:root{
  --bg:      #ffffff;
  --bg2:     #f8fbfd;
  --ink:     #1d1d1f;
  --ink2:    #3a3a3e;
  --mut:     #6e6e73;
  --dim:     #9a9aa1;
  --line:    rgba(29,29,31,.10);
  --line2:   rgba(29,29,31,.055);
  --acc:     #3d8fd0;
  --acc-d:   #2b74b5;
  --grad:    linear-gradient(120deg,#2f7fc4 0%,#4498d6 55%,#63b4e4 100%);
  --glass:   rgba(255,255,255,.58);
  --glass-s: rgba(255,255,255,.78);
  --gbrd:    rgba(255,255,255,.85);
  --gshadow: 0 1px 2px rgba(20,24,40,.04), 0 12px 40px rgba(20,24,40,.08);
  --gshadow-l:0 2px 6px rgba(20,24,40,.05), 0 24px 70px rgba(20,24,40,.12);
  --r:       22px;
  --disp:    "Inter","Noto Sans JP",sans-serif;
  --sans:    "Noto Sans JP",sans-serif;
  --mono:    "IBM Plex Mono","Noto Sans JP",monospace;
  --ease:    cubic-bezier(.22,1,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html.lenis{scroll-behavior:auto}
html{background:#fff}
body{
  position:relative;
  isolation:isolate;
  background:#fff;
  color:var(--ink);
  font-family:var(--sans);
  font-weight:400;
  font-size:15px;
  line-height:1.9;
  letter-spacing:.03em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.mono{font-family:var(--mono);font-weight:300;letter-spacing:.14em}
.pc{display:inline}
::selection{background:rgba(61,143,208,.18)}

body > :not(script){
  position:relative;
  z-index:1;
}

/* white glass backdrop — always moving, based on the reference visual tone */
body::before{
  content:"";position:fixed;inset:-14%;z-index:0;pointer-events:none;
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(225,244,252,.42) 34%, rgba(255,255,255,.62) 42%, transparent 52%),
    linear-gradient(68deg, transparent 0 54%, rgba(232,247,255,.36) 61%, transparent 70%),
    repeating-linear-gradient(90deg, rgba(218,234,245,.26) 0 1px, transparent 1px 168px),
    repeating-linear-gradient(0deg, rgba(230,241,248,.22) 0 1px, transparent 1px 156px),
    linear-gradient(180deg,#fff 0%,#fbfdff 46%,#fff 100%);
  background-size:180% 180%,160% 160%,168px 168px,156px 156px,100% 100%;
  animation:page-glass-flow 34s ease-in-out infinite alternate;
  transform:translate3d(0,0,0);
}

@keyframes page-glass-flow{
  0%{
    background-position:0% 12%,100% 0%,0 0,0 0,0 0;
    transform:translate3d(-1.8%, -1.2%, 0);
  }
  100%{
    background-position:100% 88%,0% 100%,84px 0,0 78px,0 0;
    transform:translate3d(1.8%, 1.2%, 0);
  }
}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.rv.on{opacity:1;transform:none}
html.no-js .rv,html.static .rv{opacity:1;transform:none}

/* ============================================================
   HEADER — frosted bar
   ============================================================ */
.hd{
  position:fixed;inset:0 0 auto;z-index:100;
  transition:transform .5s var(--ease);
}
.hd::before{
  content:"";position:absolute;inset:0;
  background:rgba(251,251,253,.55);
  backdrop-filter:blur(22px) saturate(1.9);
  -webkit-backdrop-filter:blur(22px) saturate(1.9);
  border-bottom:1px solid var(--line2);
  opacity:1;transition:opacity .5s;
}
.hd.is-hide{transform:translateY(-100%)}
.hd__in{position:relative;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,3.4vw,52px);height:72px}
.hd__brand{display:flex;align-items:center;margin-right:auto}
.hd__brand img{height:36px;width:auto}
.hd__nav{display:flex;gap:clamp(12px,1.6vw,26px)}
.hd__nav a{
  position:relative;font-size:12.5px;font-weight:500;letter-spacing:.06em;color:var(--mut);
  padding:7px 2px;transition:color .3s;
}
.hd__nav a::after{
  content:"";position:absolute;left:0;bottom:2px;height:2px;width:100%;border-radius:2px;
  background:var(--acc);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);
}
.hd__nav a:hover,.hd__nav a.is-act{color:var(--ink)}
.hd__nav a:hover::after,.hd__nav a.is-act::after{transform:scaleX(1);transform-origin:left}

/* サービス：PCはホバーで展開するドロップダウン */
.hd__drop{position:relative;display:flex;align-items:center}
/* トリガー〜メニュー間の隙間でホバーが切れてクリックできなくなるのを防ぐ、見えない橋渡し領域 */
.hd__drop::before{
  content:"";
  position:absolute;
  left:0;right:0;top:100%;
  height:44px;
}
.hd__drop-menu{
  position:absolute;top:100%;left:50%;
  transform:translate(-50%,8px);
  width:264px;padding:10px;margin-top:6px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--gbrd);
  border-radius:16px;
  backdrop-filter:blur(20px) saturate(1.7);
  -webkit-backdrop-filter:blur(20px) saturate(1.7);
  box-shadow:var(--gshadow-l);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
  z-index:20;
}
.hd__drop:hover .hd__drop-menu,
.hd__drop:focus-within .hd__drop-menu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translate(-50%,0);
}
.hd__drop-menu a{
  display:block;padding:10px 14px;border-radius:10px;
  font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink2);white-space:normal;line-height:1.5;
  transition:background .25s,color .25s;
}
.hd__drop-menu a::after{display:none}
.hd__drop-menu a:hover{background:rgba(61,143,208,.08);color:var(--acc-d)}

.hd__cta{
  display:flex;align-items:center;gap:9px;
  background:var(--acc);color:#fff;
  padding:9px 20px;border-radius:999px;font-size:12.5px;font-weight:500;letter-spacing:.08em;
  box-shadow:0 6px 18px rgba(61,143,208,.28);
  transition:background .35s,box-shadow .35s,transform .35s var(--ease);
}
.hd__cta i{font-style:normal;transition:transform .4s var(--ease)}
.hd__cta:hover{background:var(--acc-d);box-shadow:0 8px 24px rgba(61,143,208,.36);transform:translateY(-1px)}
.hd__cta:hover i{transform:translateX(4px)}
.hd__burger{display:none}

/* mobile overlay — frosted sheet */
.ovnav{
  position:fixed;inset:0;z-index:90;
  background:rgba(251,251,253,.78);
  backdrop-filter:blur(30px) saturate(1.8);
  -webkit-backdrop-filter:blur(30px) saturate(1.8);
  display:flex;flex-direction:column;justify-content:flex-start;padding:104px 8vw 40px;
  overflow-y:auto;
  opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s;
}
.ovnav.on{opacity:1;visibility:visible}
.ovnav__grid{display:none}
.ovnav__list{display:flex;flex-direction:column;gap:2px;position:relative}
.ovnav__list a{
  display:flex;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--line2);
  font-family:var(--disp);font-weight:600;font-size:clamp(21px,5.6vw,28px);letter-spacing:.04em;color:var(--ink);
  opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.ovnav.on .ovnav__list a{opacity:1;transform:none}
.ovnav.on .ovnav__list > *:nth-child(1){transition-delay:.06s}
.ovnav.on .ovnav__list > *:nth-child(2){transition-delay:.12s}
.ovnav.on .ovnav__list > *:nth-child(3){transition-delay:.18s}
.ovnav.on .ovnav__list > *:nth-child(4){transition-delay:.24s}
.ovnav.on .ovnav__list > *:nth-child(5){transition-delay:.3s}
.ovnav.on .ovnav__list > *:nth-child(6){transition-delay:.36s}
.ovnav.on .ovnav__list > *:nth-child(7){transition-delay:.42s}
.ovnav.on .ovnav__list > *:nth-child(8){transition-delay:.48s}
.ovnav__list em{font-family:var(--mono);font-style:normal;font-size:11px;color:var(--acc)}
.ovnav__list .ov-cta{color:var(--acc)}
.ovnav__coord{margin-top:32px;font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.18em}

/* サービス：SPはタップで展開するアコーディオン */
.ovnav__drop{border-bottom:1px solid var(--line2)}
.ovnav__drop-trigger{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  width:100%;padding:13px 0;border:0;background:none;text-align:left;cursor:pointer;
  font-family:var(--disp);font-weight:600;font-size:clamp(21px,5.6vw,28px);letter-spacing:.04em;color:var(--ink);
  opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.ovnav.on .ovnav__drop-trigger{opacity:1;transform:none}
.ovnav__drop-trigger i{
  flex:none;font-style:normal;font-size:24px;line-height:1;color:var(--acc);
  transition:transform .35s var(--ease);
}
.ovnav__drop.is-open .ovnav__drop-trigger i{transform:rotate(45deg)}
.ovnav__drop-menu{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.ovnav__drop.is-open .ovnav__drop-menu{max-height:420px}
.ovnav__drop-menu a{
  display:block;padding:9px 0 9px 4px;border-bottom:0;
  font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:0;color:var(--mut);
  opacity:1;transform:none;
}
.ovnav__drop-menu a:hover{color:var(--acc-d)}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center}
html.static .hero{min-height:880px;max-height:880px}
.hero__topo{position:absolute;inset:0;width:100%;height:100%}
.hero__grid{
  position:absolute;inset:0;pointer-events:none;opacity:.6;
  background:
    repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px calc(100%/6)),
    repeating-linear-gradient(0deg,var(--line2) 0 1px,transparent 1px 33.4%);
}
.hero__vig{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(251,251,253,.6),transparent 26%,transparent 64%,rgba(251,251,253,.9))}

.hero__coord,.hero__index{
  position:absolute;top:96px;font-size:10px;color:var(--dim);letter-spacing:.2em;z-index:3;
}
.hero__coord{left:clamp(20px,3.4vw,52px)}
.hero__index{right:clamp(20px,3.4vw,52px);text-align:right}
.hero__coord span,.hero__index span{margin:0 10px;color:rgba(29,29,31,.25)}

.hero__body{
  position:relative;z-index:4;width:100%;max-width:1320px;margin:1vh auto 0;
  padding:0 clamp(20px,3.4vw,52px);
  display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,72px);align-items:center;
}
.hero__col{min-width:0}
.hero__ttl{
  font-family:var(--disp);font-weight:700;color:var(--ink);
  font-size:clamp(28px,3.5vw,50px);line-height:1.4;letter-spacing:.012em;
}

/* FV visual — president cutout + partner badges + stat */
.hero__vis{position:relative;padding:14px 12px 26px 26px}
.hero__vis--prez{
  display:flex;align-items:flex-end;justify-content:center;
  min-height:clamp(400px,36vw,540px);padding:0 18px;
}
.hero__blob{
  position:absolute;left:6px;right:6px;bottom:0;height:74%;
  border-radius:34px;
  background:linear-gradient(155deg,#e8f2fb 0%,#c6dff4 55%,#a3cdec 100%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 3px 8px rgba(20,24,40,.05),0 30px 80px rgba(43,116,181,.22);
}
.hero__blob::after{
  content:"";position:absolute;inset:0;border-radius:34px;
  background:
    radial-gradient(60% 50% at 78% 12%,rgba(255,255,255,.75),transparent 70%),
    radial-gradient(40% 40% at 12% 90%,rgba(61,143,208,.18),transparent 70%);
}
.hero__prez{position:relative;margin:0;z-index:2}
.hero__prez img{
  width:clamp(240px,22vw,320px);height:auto;
  filter:drop-shadow(0 22px 40px rgba(20,40,70,.28));
}
.hero__prez-cap{
  position:absolute;right:26px;bottom:22px;z-index:3;text-align:right;
  display:flex;flex-direction:column;gap:1px;
}
.hero__prez-cap span{font-size:10px;letter-spacing:.14em;color:#39628a}
.hero__prez-cap b{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.18em;color:#1e466b}
.hero__badge{
  position:absolute;width:clamp(150px,13.5vw,196px);height:auto;border-radius:14px;
  box-shadow:0 14px 36px rgba(20,24,40,.22);
  border:1px solid rgba(255,255,255,.55);
  animation:float 7s ease-in-out infinite;
}
.hero__badge--ns{left:-14px;top:8%;animation-delay:.8s;z-index:3}
.hero__badge--ms{right:-14px;bottom:24%;z-index:3}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero__stat{
  position:absolute;left:-4px;bottom:30px;z-index:3;
  display:flex;align-items:baseline;gap:9px;
  background:var(--glass-s);border:1px solid var(--gbrd);border-radius:16px;
  backdrop-filter:blur(16px) saturate(1.7);-webkit-backdrop-filter:blur(16px) saturate(1.7);
  box-shadow:var(--gshadow-l);
  padding:13px 22px;
  animation:float 7s 1.6s ease-in-out infinite;
}
.hero__stat b{
  font-family:var(--disp);font-weight:700;font-size:30px;line-height:1;color:var(--ink);letter-spacing:-.01em;
}
.hero__stat b i{font-style:normal;font-size:.62em;color:var(--acc);margin-left:1px}
.hero__stat span{font-size:11px;font-weight:500;color:var(--mut);letter-spacing:.08em}
.hero__ttl .ln{display:block;overflow:hidden}
.hero__ttl .ln>span{display:block;transform:translateY(110%);transition:transform 1.3s var(--ease)}
.hero__ttl .ln:nth-child(2)>span{transition-delay:.16s}
.hero__ttl .ln:nth-child(3)>span{transition-delay:.3s}
html.ready .hero__ttl .ln>span,html.no-js .hero__ttl .ln>span,html.static .hero__ttl .ln>span{transform:none}
.hero__ttl em{
  font-style:normal;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.hero__lead{margin-top:24px;font-size:15px;color:var(--mut);line-height:2.1;font-weight:400}
.hero__acts{display:flex;gap:18px;margin-top:32px;flex-wrap:wrap;align-items:center}

/* FV product strip */
.hero__prods{
  grid-column:1/-1;justify-self:start;
  display:inline-flex;align-items:center;gap:clamp(18px,2.4vw,34px);flex-wrap:wrap;
  margin-top:6px;padding:15px clamp(20px,2.4vw,32px);
  background:var(--glass);border:1px solid var(--gbrd);border-radius:20px;
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
}
.hero__prods-lb{
  font-size:11px;font-weight:600;color:var(--ink2);letter-spacing:.08em;white-space:nowrap;
  padding-right:clamp(16px,2vw,28px);border-right:1px solid var(--line);
}
.hero__prods ul{display:flex;align-items:center;gap:clamp(16px,2vw,30px);flex-wrap:wrap}
.hero__prods img{height:28px;width:auto;transition:transform .4s var(--ease)}
.hero__prods li:hover img{transform:translateY(-2px)}
.hero__prods li.tx{
  font-family:var(--disp);font-weight:600;font-size:13.5px;letter-spacing:.01em;color:var(--ink2);
}
.hero__prods img.sm{height:24px}

.hero__vert{
  position:absolute;right:clamp(14px,2.4vw,36px);bottom:120px;z-index:3;
  writing-mode:vertical-rl;font-size:9px;letter-spacing:.34em;color:var(--dim);
}
.hero__scroll{
  position:absolute;left:clamp(20px,3.4vw,52px);bottom:0;z-index:4;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  font-size:9px;letter-spacing:.3em;color:var(--dim);
}
.hero__scroll i{width:1px;height:72px;background:var(--line);position:relative;overflow:hidden;display:block}
.hero__scroll i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--acc);animation:sc 2.2s var(--ease) infinite}
@keyframes sc{0%{top:-40%}60%,100%{top:110%}}

/* map poi markers — glass chips */
.poi{position:absolute;left:var(--x);top:var(--y);z-index:3;display:flex;align-items:center;gap:10px;pointer-events:none}
.poi i{
  width:7px;height:7px;border-radius:50%;background:var(--acc);position:relative;display:block;
  box-shadow:0 0 0 3px rgba(61,143,208,.15);
}
.poi i::before,.poi i::after{
  content:"";position:absolute;inset:-9px;border:1px solid rgba(61,143,208,.4);border-radius:50%;
  animation:ping 3.4s var(--d,0s) ease-out infinite;
}
.poi i::after{animation-delay:calc(var(--d,0s) + 1.7s)}
@keyframes ping{0%{transform:scale(.4);opacity:1}80%,100%{transform:scale(2.4);opacity:0}}
.poi b{
  font-family:var(--mono);font-weight:400;font-size:9px;letter-spacing:.2em;color:var(--mut);
  background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--gbrd);border-radius:999px;padding:5px 12px;
  box-shadow:var(--gshadow);
}

/* primary / ghost pill buttons */
.lnk{
  display:inline-flex;align-items:center;gap:12px;position:relative;
  padding:14px 30px;border-radius:999px;
  background:linear-gradient(128deg,#2e7cc0,#4a9dd9);color:#fff;
  box-shadow:0 10px 26px rgba(61,143,208,.32);
  transition:transform .4s var(--ease),box-shadow .4s,filter .35s;
}
.lnk::before,.lnk::after{display:none}
.lnk:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(61,143,208,.4);filter:brightness(1.05)}
.lnk__t{font-size:13.5px;font-weight:500;letter-spacing:.1em}
.lnk__a{font-size:14px;transition:transform .45s var(--ease)}
.lnk:hover .lnk__a{transform:translateX(5px)}
.lnk--gold{
  background:var(--glass);color:var(--ink);
  border:1px solid var(--gbrd);
  backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);
  box-shadow:var(--gshadow);
  filter:none;
}
.lnk--gold .lnk__a{color:var(--acc)}
.lnk--gold:hover{background:var(--glass-s)}
.lnk--s{padding:11px 24px}
.lnk--s .lnk__t{font-size:12px}

/* ============================================================
   MARQUEE
   ============================================================ */
.tick{border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);overflow:hidden;padding:15px 0;background:rgba(255,255,255,.4)}
.tick__row{display:flex;white-space:nowrap;width:max-content;animation:tick 46s linear infinite}
.tick__row span{font-family:var(--disp);font-weight:500;font-size:11px;letter-spacing:.3em;color:var(--dim)}
@keyframes tick{to{transform:translateX(-50%)}}

/* ============================================================
   SECTION COMMON
   ============================================================ */
.sec{position:relative;padding:clamp(44px,5.6vw,78px) clamp(20px,3.4vw,52px)}
.wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,1fr) 2.2fr;gap:clamp(36px,5vw,90px)}
.wrap--col{display:block;max-width:1280px;margin:0 auto}
.sec__side{align-self:start;position:sticky;top:110px}
.sec__no{font-size:11px;color:var(--acc);margin-bottom:10px}
.sec__en{font-size:11.5px;font-weight:500;color:var(--mut);letter-spacing:.14em;margin-bottom:24px}
.sec__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(25px,2.7vw,38px);
  line-height:1.5;letter-spacing:.015em;color:var(--ink);
}
.sec__ttl::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.sec__ttl em{
  font-style:normal;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.sec__note{margin-top:22px;font-size:15px;color:var(--mut);line-height:2.15}

/* ============================================================
   01 PHILOSOPHY — glass cards
   ============================================================ */
.phi__list{display:flex;flex-direction:column;gap:14px}
.phi__row{
  display:grid;grid-template-columns:1fr 40px;align-items:center;gap:20px;
  padding:26px clamp(20px,2.4vw,34px);
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  transition:transform .5s var(--ease),box-shadow .5s,background .4s;
}
.phi__row:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l);background:var(--glass-s)}
.phi__tx h3{font-family:var(--disp);font-weight:600;font-size:clamp(17px,1.7vw,21px);letter-spacing:.02em;margin-bottom:7px}
.phi__tx p{font-size:13px;color:var(--mut);line-height:2}

/* -- TOP page only: editorial claim / evidence list -- */
.phi__ed{display:flex;flex-direction:column}
.phi__ed-row{
  padding:clamp(26px,3.2vw,38px) 0;
  border-bottom:1px solid var(--line);
  margin-left:calc(var(--i,0) * clamp(14px,2.6vw,40px));
  width:calc(100% - (var(--i,0) * clamp(14px,2.6vw,40px)));
  transition:margin-left .6s var(--ease),width .6s var(--ease);
}
.phi__ed-row:first-child{border-top:1px solid var(--line)}
.phi__ed-claim{
  font-family:var(--disp);font-weight:600;font-size:clamp(19px,1.9vw,25px);
  line-height:1.5;letter-spacing:.01em;color:var(--ink);
}
.phi__ed-evd{margin-top:14px;font-size:15.5px;color:var(--mut);line-height:2;max-width:640px}
.phi__ed-evd em{font-style:normal;color:var(--acc)}

/* ============================================================
   02 MESSAGE — 代表メッセージ
   ============================================================ */
.msg{padding-top:0}
.msg__card{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:clamp(28px,4vw,60px);align-items:stretch;
  background:var(--glass);border:1px solid var(--gbrd);border-radius:calc(var(--r) + 6px);
  backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);
  box-shadow:var(--gshadow-l);
  padding:clamp(30px,4vw,60px);
  overflow:hidden;
}
.msg__tx{padding-bottom:clamp(30px,4vw,60px)}
.msg__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(24px,2.8vw,38px);
  line-height:1.5;letter-spacing:.015em;margin-bottom:26px;
}
.msg__ttl::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.msg__ttl em{
  font-style:normal;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.msg__p{font-size:16px;color:var(--ink2);line-height:2.2;margin-bottom:1.3em;max-width:640px}
.msg__sign{margin-top:34px;font-size:12.5px;color:var(--mut);display:flex;align-items:baseline;gap:16px}
.msg__sign b{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:.14em;color:var(--ink)}
.msg__visual{position:relative;min-height:680px;align-self:stretch}
.msg__photo{
  position:absolute;inset:0 0 0 16%;margin:0;overflow:hidden;
  border-radius:28px 28px 8px 28px;background:#dceaf5;
  box-shadow:0 24px 54px rgba(20,40,70,.16);
}
.msg__photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(10,44,78,.12));pointer-events:none;
}
.msg__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
/* ---- 「導入」の位置づけ概念図（ロゴを中心のリングで囲み、3つの企業理念をアイコン付きで外側に配置） ---- */
.msg__ring{
  position:absolute;left:0;bottom:5%;align-self:center;
  width:min(68%,340px);max-width:340px;aspect-ratio:1;margin:0;
  border-radius:50%;background:rgba(255,255,255,.97);border:1px solid rgba(208,225,240,.95);
  box-shadow:0 20px 48px rgba(20,48,82,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.msg__ring-arcs{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.msg__ring-arc--1{stroke:#2f7fc4}
.msg__ring-arc--2{stroke:#4498d6}
.msg__ring-arc--3{stroke:#63b4e4}

.msg__ring-logo{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  z-index:2;width:30%;
  display:flex;align-items:center;justify-content:center;
}
.msg__ring-logo img{width:100%;height:auto;display:block}

.msg__ring-node{
  position:absolute;transform:translate(-50%,-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  width:112px;text-align:center;
}
.msg__ring-node--1{left:50%;top:10.5%}
.msg__ring-node--2{left:78%;top:70%}
.msg__ring-node--3{left:22%;top:70%}

.msg__ring-ic{
  display:flex;align-items:center;justify-content:center;
  width:56px;height:56px;border-radius:50%;flex:none;
  background:var(--glass-s);border:1px solid var(--gbrd);box-shadow:var(--gshadow-l);
  color:#1c5c93;
}
.msg__ring-ic svg{width:32px;height:32px}
.msg__ring-tx{
  padding:3px 6px;border-radius:5px;background:rgba(255,255,255,.9);
  font-size:13px;font-weight:700;color:#172536;letter-spacing:.01em;line-height:1.35;white-space:nowrap;
}
@media(max-width:1080px){
  .msg__card{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)}
  .msg__visual{min-height:640px}
  .msg__ring{width:min(72%,310px);max-width:310px}
}
@media(max-width:900px){
  .msg__card{grid-template-columns:1fr}
  .msg__visual{min-height:720px}
  .msg__photo{inset:0 0 80px 18%}
  .msg__ring{left:3%;bottom:2%;width:min(50%,330px);max-width:330px}
}
@media(max-width:640px){
  .msg__card{padding:28px 20px 24px}
  .msg__visual{min-height:620px}
  .msg__photo{inset:0 0 125px 0;border-radius:22px}
  .msg__ring{left:50%;bottom:2%;width:286px;max-width:calc(100% - 10px);transform:translateX(-50%)}
  .msg__ring-node{width:96px;gap:7px}
  .msg__ring-ic{width:46px;height:46px}
  .msg__ring-ic svg{width:21px;height:21px}
  .msg__ring-tx{padding:2px 4px;font-size:11px}
}

/* ============================================================
   03 EVIDENCE — glass stat tiles
   ============================================================ */
.evd{background:transparent}
.evd__head{max-width:920px;margin-bottom:clamp(48px,6vw,76px)}
.evd__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(24px,2.9vw,42px);
  line-height:1.5;letter-spacing:.015em;margin-top:6px;
}
.evd__ttl::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.evd__ttl em{
  font-style:normal;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.evd__lead{margin-top:24px;font-size:15px;color:var(--mut);line-height:2.15}

.evd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.evd__grid--2col{grid-template-columns:repeat(2,1fr)}
.evd__cell{
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  padding:clamp(22px,2.3vw,32px);min-height:212px;display:flex;flex-direction:column;
  transition:transform .5s var(--ease),box-shadow .5s;position:relative;
}
.evd__cell:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l)}
.evd__lb{font-size:11px;font-weight:600;color:var(--acc);letter-spacing:.08em;margin-bottom:auto}
.evd__num{
  font-family:var(--disp);font-weight:600;font-size:clamp(34px,3.2vw,48px);
  color:var(--ink);letter-spacing:-.01em;line-height:1.1;margin:20px 0 12px;
}
.evd__num small{font-size:.42em;color:var(--acc);letter-spacing:.06em;margin-left:2px;font-weight:500}
.evd__num i{font-style:normal;font-size:.55em;color:var(--dim);margin:0 4px;vertical-align:.12em}
.evd__num--s{font-size:clamp(23px,2.1vw,30px);line-height:1.25}
.evd__ds{font-size:13.5px;color:var(--mut);line-height:1.9}

/* -- TOP page only: bento layout with mixed spans + icons -- */
.evd__grid--bento{grid-template-columns:repeat(6,1fr)}
.evd__grid--bento .evd__cell{min-height:clamp(200px,17vw,232px)}
.evd__cell--s3{grid-column:span 3;min-height:clamp(230px,20vw,270px)}
.evd__cell--s2{grid-column:span 2}
.evd__cell--wide{grid-column:span 6;min-height:0;flex-direction:row;align-items:center;gap:20px}
.evd__cell--wide .evd__lb{margin-bottom:0}
.evd__cell--wide .evd__num{margin:0}
.evd__cell--wide .evd__ds{margin-left:auto;max-width:44%;text-align:right}
.evd__cell--feat{
  background:var(--grad);border-color:transparent;color:#fff;
}
.evd__cell--feat .evd__lb{color:rgba(255,255,255,.9)}
.evd__cell--feat .evd__num,.evd__cell--feat .evd__num small{color:#fff}
.evd__cell--feat .evd__ds{color:rgba(255,255,255,.9)}
.evd__cell--feat .evd__icon{color:#fff}

/* ============================================================
   03 CAPABILITY — glass panels
   ============================================================ */
.cap__head{max-width:1000px;margin-bottom:clamp(48px,6vw,72px)}
.cap__head .sec__ttl{font-size:clamp(23px,2.4vw,34px)}
.cap__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.cap__grid--3col{grid-template-columns:repeat(3,1fr)}
.cap__card--prod{grid-column:1/-1}
.cap__card{
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  padding:clamp(26px,2.8vw,42px);position:relative;
  transition:transform .5s var(--ease),box-shadow .5s;
}
.cap__card:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l)}
.cap__no{font-size:10px;color:var(--acc);letter-spacing:.24em;margin-bottom:20px}
.cap__ttl{font-family:var(--disp);font-weight:600;font-size:clamp(19px,1.8vw,23px);letter-spacing:.02em;margin-bottom:10px}
.cap__ds{font-size:14.5px;color:var(--mut);line-height:2;margin-bottom:24px}
.cap__kpi{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:20px 0;margin-bottom:26px}
.cap__kpi span{
  font-family:var(--disp);font-weight:600;font-size:clamp(52px,5.4vw,80px);line-height:1;letter-spacing:-.02em;
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.cap__kpi small{font-size:24px;color:var(--acc);font-weight:500}
.cap__kpi em{font-style:normal;font-size:11.5px;color:var(--mut);letter-spacing:.12em;margin-left:auto}
.cap__lb{font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.08em;margin-bottom:14px}

/* icon cards (industries / business areas) */
.icard{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.78);border:1px solid var(--line2);border-radius:14px;
  padding:13px 16px;
  transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;
}
.icard:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,24,40,.08);border-color:rgba(61,143,208,.25)}
.icard__ic{flex:none;display:flex;align-items:center;justify-content:center;color:#294bd7}
.icard__ic svg{width:24px;height:24px}
.icard__t{font-size:12.5px;font-weight:500;color:var(--ink2);letter-spacing:.03em}
.cap__inds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cap__areas{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* featured product tiles */
.cap__prods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px}
.cap__prod{
  background:rgba(255,255,255,.86);border:1px solid var(--gbrd);border-radius:18px;
  box-shadow:0 1px 2px rgba(20,24,40,.03),0 6px 20px rgba(20,24,40,.05);
  padding:26px 18px 22px;text-align:center;
  transition:transform .45s var(--ease),box-shadow .45s;
}
.cap__prod:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l)}
.cap__prod-logo{height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.cap__prod-logo img{max-height:40px;max-width:82%;width:auto}
.cap__prod-logo img.sq{max-height:36px}
.cap__prod-mono{
  width:44px;height:44px;border-radius:12px;background:var(--c,#3d8fd0);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(20,24,40,.14);
}
.cap__prod-mono--dk{color:#1d1d1f}
.cap__prod-name{font-family:var(--disp);font-weight:600;font-size:13.5px;letter-spacing:.02em;color:var(--ink);line-height:1.5}
.cap__tags{display:flex;flex-wrap:wrap;gap:8px}
.cap__tags li{
  background:rgba(255,255,255,.7);border:1px solid var(--line2);border-radius:999px;padding:6px 15px;
  font-size:10.5px;letter-spacing:.12em;color:var(--ink2);
  transition:border-color .35s,color .35s,background .35s;
}
.cap__tags li:hover{border-color:rgba(61,143,208,.4);color:var(--acc);background:rgba(61,143,208,.05)}

/* ============================================================
   04 CASE STUDY — glass media cards
   ============================================================ */
.cse{background:transparent}
.cse__head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:clamp(40px,4.6vw,64px)}
.cse__head--tabs{flex-direction:column;align-items:flex-start;gap:20px}
.cse__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px)}
.cse__card{
  display:block;overflow:hidden;
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  padding:14px 14px 24px;
  transition:transform .5s var(--ease),box-shadow .5s;
}
.cse__card:hover{transform:translateY(-6px);box-shadow:var(--gshadow-l)}
.cse__img{
  position:relative;aspect-ratio:4/2.7;overflow:hidden;border-radius:calc(var(--r) - 9px);
}
.cse__img img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.92);
  transform:scale(1.03);
  transition:filter .7s var(--ease),transform 1.1s var(--ease);
}
.cse__card:hover .cse__img img{filter:saturate(1.05);transform:scale(1.07)}
.cse__cur{
  position:absolute;right:12px;bottom:11px;font-size:10.5px;font-weight:500;letter-spacing:.05em;color:var(--ink);
  background:rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-radius:999px;padding:6px 13px;
  opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s var(--ease);
}
.cse__card:hover .cse__cur{opacity:1;transform:none}
.cse__meta{display:flex;justify-content:space-between;gap:14px;margin:18px 10px 8px;font-size:9px;color:var(--acc);letter-spacing:.14em}
.cse__meta span:first-child{color:var(--dim)}
.cse__ttl{
  font-family:var(--disp);font-weight:600;font-size:15.5px;line-height:1.7;letter-spacing:.02em;
  margin:0 10px 8px;transition:color .4s;
}
.cse__card:hover .cse__ttl{color:var(--acc)}
.cse__ex{font-size:14px;color:var(--mut);line-height:1.95;margin:0 10px}

/* ============================================================
   05 SERVICE — glass rows
   ============================================================ */
.svc__head{max-width:1000px;margin-bottom:clamp(44px,5.4vw,68px)}
.svc__foot{margin-top:16px;font-size:10px;color:var(--dim);letter-spacing:.1em}
.svc__list{display:flex;flex-direction:column;gap:16px}
.svc__row{
  display:grid;grid-template-columns:1fr clamp(180px,21vw,280px);gap:clamp(20px,3vw,48px);
  align-items:center;
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  padding:clamp(24px,2.6vw,36px);
  transition:transform .5s var(--ease),box-shadow .5s;
}
.svc__row:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l)}
.svc__tx h3{font-family:var(--disp);font-weight:600;font-size:clamp(18px,1.8vw,22px);letter-spacing:.02em;margin-bottom:10px}
.svc__tx p{font-size:12.5px;color:var(--mut);line-height:2;margin-bottom:16px;max-width:560px}
.svc__img{
  aspect-ratio:3/1.9;overflow:hidden;border-radius:calc(var(--r) - 8px);
}
.svc__img img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.92);
  transform:scale(1.03);transition:filter .7s var(--ease),transform 1.1s var(--ease);
}
.svc__row:hover .svc__img img{filter:saturate(1.05);transform:scale(1.08)}

/* -- TOP page only: pinned layout (single sticky block, mirrors .sec__side) -- */
.svc__pin{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(32px,5vw,80px)}
.svc__pin-left{position:relative}
.svc__pin-inner{
  position:sticky;top:110px;
  display:flex;flex-direction:column;gap:28px;align-items:flex-start;
}
.svc__pin-imgs{
  position:relative;width:100%;aspect-ratio:6/5;border-radius:var(--r);overflow:hidden;
  background:var(--glass);border:1px solid var(--gbrd);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow-l);
}
.svc__pin-imgs figure{
  position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);
  transition:opacity .6s ease,transform .6s ease;
}
.svc__pin-imgs figure.on{opacity:1;transform:scale(1)}
.svc__pin-imgs img{width:100%;height:100%;object-fit:cover;filter:saturate(.92)}
.svc__pin-list{display:flex;flex-direction:column;padding-bottom:260px}
.svc__pin-item{
  display:flex;gap:22px;color:var(--ink);
  min-height:42vh;align-items:center;
  padding:20px 0;border-bottom:1px solid var(--line2);transition:opacity .45s ease;opacity:.38;
}
.svc__pin-item:last-child{border-bottom:none}
.svc__pin-item.on{opacity:1}
.svc__pin-no{flex:none;padding-top:3px;font-family:var(--mono);font-weight:300;font-size:13px;color:var(--dim);letter-spacing:.1em;transition:color .4s}
.svc__pin-item.on .svc__pin-no{color:var(--ink)}
.svc__pin-tag{font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--acc);margin-bottom:8px;opacity:.7;transition:opacity .4s}
.svc__pin-item.on .svc__pin-tag{opacity:1}
.svc__pin-body h3{font-family:var(--disp);font-weight:700;font-size:clamp(19px,1.9vw,25px);letter-spacing:.02em;margin-bottom:14px}
.svc__pin-body h3 a{color:inherit;transition:color .35s}
.svc__pin-body h3 a:hover{color:var(--acc)}
.svc__pin-body p{font-size:15px;color:var(--mut);line-height:2.05;max-width:460px}
.svc__pin-btn{margin-top:24px}

/* ============================================================
   06 JOURNAL / 07 NEWS — glass list
   ============================================================ */
.jnl{background:transparent}
.jnl__list{
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  padding:6px clamp(18px,2.2vw,32px);
}
.jnl__row{
  display:grid;grid-template-columns:104px 116px 1fr 36px;gap:clamp(14px,2.2vw,36px);align-items:center;
  padding:23px 4px;border-bottom:1px solid var(--line2);position:relative;
}
.jnl__row:last-of-type{border-bottom:none}
.jnl__date{font-size:10.5px;color:var(--dim)}
.jnl__cat{
  font-size:10px;font-weight:500;color:var(--acc);letter-spacing:.05em;
  background:transparent;border:1px solid rgba(61,143,208,.4);
  border-radius:4px;padding:4px 2px;text-align:center;
}
.jnl__ttl{
  font-family:var(--disp);font-weight:600;font-size:clamp(14px,1.3vw,16px);letter-spacing:.02em;
  line-height:1.7;transition:color .4s;
}
.jnl__row:hover .jnl__ttl{color:var(--acc)}
.jnl__arw{color:var(--dim);transition:color .4s,transform .4s var(--ease);text-align:right}
.jnl__row:hover .jnl__arw{color:var(--acc);transform:translateX(5px)}

/* -- TOP page only: "PICK UP" featured + list widget -- */
.jnl-pick__badge{
  display:inline-flex;align-items:center;gap:10px;
  font-size:10.5px;font-weight:400;letter-spacing:.24em;color:var(--acc);
  margin-bottom:16px;
}
.jnl-pick__badge::before{content:"";width:16px;height:1px;background:var(--acc);display:inline-block}
.jnl-pick__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,36px);align-items:stretch}
.jnl-pick__feat{
  display:flex;flex-direction:column;
  background:var(--glass);border:1px solid var(--gbrd);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);-webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);overflow:hidden;
  transition:transform .5s var(--ease),box-shadow .5s;
}
.jnl-pick__feat:hover{transform:translateY(-4px);box-shadow:var(--gshadow-l)}
.jnl-pick__feat-vis{
  position:relative;aspect-ratio:16/7;overflow:hidden;background:var(--glass2,#eef3f8);
}
.jnl-pick__feat-vis img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.95);
  transform:scale(1.03);transition:transform 1s var(--ease);
}
.jnl-pick__feat:hover .jnl-pick__feat-vis img{transform:scale(1.08)}
.jnl-pick__feat-tx{padding:clamp(16px,1.8vw,22px) clamp(18px,2vw,22px) clamp(18px,2vw,24px);flex:1;display:flex;flex-direction:column}
.jnl-pick__feat-tx .jnl__cat{display:inline-block;align-self:flex-start;margin-bottom:12px}
.jnl-pick__feat-tx h3{
  font-family:var(--disp);font-weight:700;font-size:clamp(14.5px,1.35vw,17px);line-height:1.6;letter-spacing:.01em;
  margin-bottom:12px;transition:color .4s;
}
.jnl-pick__feat:hover .jnl-pick__feat-tx h3{color:var(--acc)}
.jnl-pick__time{
  display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--dim);
  letter-spacing:.06em;margin-top:auto;
}
.jnl-pick__time svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.jnl-pick__list{display:flex;flex-direction:column;justify-content:space-between}
.jnl-pick__item{display:flex;gap:14px;align-items:center;padding:4px}
.jnl-pick__item:not(:last-child){border-bottom:1px solid var(--line2);padding-bottom:clamp(14px,1.8vw,20px)}
.jnl-pick__item:not(:first-child){padding-top:clamp(14px,1.8vw,20px)}
.jnl-pick__thumb{
  flex:none;width:clamp(52px,4.6vw,64px);aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eef3f8;
}
.jnl-pick__thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}
.jnl-pick__item-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.jnl-pick__item-tx h4{
  font-family:var(--disp);font-weight:600;font-size:14.5px;line-height:1.6;letter-spacing:.01em;
  margin-bottom:8px;transition:color .4s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.jnl-pick__item:hover .jnl-pick__item-tx h4{color:var(--acc)}
.jnl-pick__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}
.jnl-pick__meta .jnl__cat{padding:2px 10px;font-size:9px}

.nws{background:transparent}

/* ============================================================
   09 RECRUIT — feature panel
   ============================================================ */
.rct__card{
  position:relative;overflow:hidden;
  background:linear-gradient(128deg,#1c5c93 0%,#3d8fd0 52%,#5fb0e0 100%);
  border-radius:calc(var(--r) + 8px);
  box-shadow:0 24px 70px rgba(43,116,181,.35);
  padding:clamp(36px,5vw,72px);
  color:#fff;
}
.rct__card::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(46% 60% at 88% 4%,rgba(255,255,255,.16),transparent 70%),
    radial-gradient(50% 70% at 6% 100%,rgba(120,220,232,.14),transparent 70%);
}
.rct__card{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,3.6vw,56px)}
.rct__body{position:relative}
.rct__phs{
  position:relative;display:grid;grid-template-rows:1.4fr 1fr;grid-template-columns:1fr 1fr;gap:14px;
  min-height:100%;
}
.rct__ph{margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 30px rgba(9,50,95,.25)}
.rct__ph--main{grid-column:1/-1}
.rct__ph img{width:100%;height:100%;object-fit:cover}
.rct__head{position:relative;max-width:720px}
.rct__no{font-size:12px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.8);margin-bottom:18px}
.rct__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.2vw,44px);
  line-height:1.45;letter-spacing:.015em;margin-bottom:22px;
}
.rct__lead{font-size:15px;color:rgba(255,255,255,.82);line-height:2.15}
.rct__pts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.rct__pt{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:var(--r);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  padding:clamp(22px,2.4vw,34px);
  transition:background .4s,transform .5s var(--ease);
}
.rct__pt:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}
.rct__ic{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;margin-bottom:18px;
}
.rct__ic svg{width:23px;height:23px}
.rct__pt h3{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:.04em;margin-bottom:8px}
.rct__pt .ds{font-size:12.5px;color:rgba(255,255,255,.8);line-height:2}
.rct__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.rct__chips span{
  font-size:10.5px;letter-spacing:.05em;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px 14px;
}
.rct__btn{
  position:relative;display:inline-flex;align-items:center;gap:13px;margin-top:38px;
  background:#fff;color:#2b74b5;border-radius:999px;padding:15px 40px;
  font-size:13.5px;font-weight:600;letter-spacing:.1em;
  box-shadow:0 10px 28px rgba(4,30,80,.3);
  transition:transform .4s var(--ease),box-shadow .4s;
}
.rct__btn i{font-style:normal;transition:transform .45s var(--ease)}
.rct__btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(4,30,80,.38)}
.rct__btn:hover i{transform:translateX(5px)}

/* ============================================================
   CONTACT — two-column dark panel with consultation flow
   ============================================================ */
.cta{
  position:relative;overflow:hidden;
  padding-top:clamp(40px,4.4vw,58px);padding-bottom:clamp(40px,4.4vw,58px);
}
.cta__topo{position:absolute;inset:0;width:100%;height:100%;opacity:.4}
.cta__in{
  position:relative;z-index:2;
  width:min(100% - 40px,1280px);margin:0 auto;
  display:grid;grid-template-columns:1.4fr 1fr;
  background:linear-gradient(135deg,#0c2340 0%,#154169 55%,#2f7fc4 100%);
  border-radius:calc(var(--r) + 10px);
  box-shadow:0 30px 80px rgba(8,24,46,.35);
  overflow:hidden;
}
.cta__main{
  padding:clamp(44px,5.6vw,76px) clamp(32px,4.6vw,64px);
  text-align:left;
}
.cta__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.2vw,40px);
  line-height:1.5;letter-spacing:.015em;color:#fff;
}
.cta__ds{margin-top:20px;font-size:15px;color:rgba(255,255,255,.72);line-height:2.15;max-width:440px}
.cta__btn{
  display:inline-flex;align-items:center;gap:14px;margin-top:36px;
  background:#fff;color:var(--acc-d);border-radius:999px;padding:17px 44px;
  font-size:14px;font-weight:600;letter-spacing:.08em;
  box-shadow:0 12px 32px rgba(6,18,38,.28);
  transition:transform .4s var(--ease),box-shadow .4s;
}
.cta__btn i{font-style:normal;transition:transform .45s var(--ease)}
.cta__btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(6,18,38,.36)}
.cta__btn:hover i{transform:translateX(6px)}

.cta__trust{
  display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;
  list-style:none;padding:0;
}
.cta__trust li{
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:500;color:rgba(255,255,255,.85);
}
.cta__trust svg{
  width:16px;height:16px;flex:none;
  fill:none;stroke:#8fe0b4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
}

.cta__flow{
  position:relative;
  padding:clamp(44px,5.6vw,76px) clamp(32px,4.6vw,56px);
  background:rgba(255,255,255,.05);
  border-left:1px solid rgba(255,255,255,.12);
}
.cta__flow-lb{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.14em;margin-bottom:28px}
.cta__flow-list{position:relative;list-style:none;margin:0;padding:0}
.cta__flow-list::before{
  content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;
  background:rgba(255,255,255,.18);
}
.cta__flow-list li{position:relative;display:flex;gap:18px;padding-bottom:30px}
.cta__flow-list li:last-child{padding-bottom:0}
.cta__flow-dot{
  flex:none;position:relative;z-index:1;margin-top:5px;
  width:11px;height:11px;border-radius:50%;
  background:#0c2340;border:2px solid #7fc4ec;
}
.cta__flow-list h3{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:6px}
.cta__flow-list p{font-size:12px;color:rgba(255,255,255,.6);line-height:1.8}

@media(max-width:900px){
  .cta__in{grid-template-columns:1fr}
  .cta__flow{border-left:none;border-top:1px solid rgba(255,255,255,.12)}
}
.cta__btn:hover i{transform:translateX(6px)}

/* ============================================================
   CHALLENGE PARTNER — dark premium brand section
   （スポンサー一覧ではなく、写真を主役にしたブランドストーリー。
   Apple/Porscheのような黒基調・広い余白・情報量を抑えた見せ方）
   ============================================================ */
.challenge{
  position:relative;overflow:hidden;
  background:#0a0c10;
  padding:clamp(48px,5.4vw,74px) clamp(20px,3.4vw,52px);
}
.challenge__bg{
  position:absolute;inset:-10%;z-index:0;pointer-events:none;
  background:
    radial-gradient(48% 60% at 18% 12%,rgba(61,111,180,.22),transparent 70%),
    radial-gradient(42% 55% at 88% 82%,rgba(120,80,170,.14),transparent 70%);
  background-size:160% 160%;
  animation:challengeDrift 26s ease-in-out infinite alternate;
}
@keyframes challengeDrift{
  0%{background-position:0% 0%,100% 100%}
  100%{background-position:18% 12%,82% 88%}
}
.challenge__grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 1.5px,transparent 1.5px 52px),
    repeating-linear-gradient(25deg,rgba(255,255,255,.11) 0 1.5px,transparent 1.5px 52px);
  -webkit-mask-image:radial-gradient(120% 110% at 50% 0%,#000 60%,transparent 100%);
  mask-image:radial-gradient(120% 110% at 50% 0%,#000 60%,transparent 100%);
}
.challenge__in{position:relative;z-index:1;max-width:1280px;margin:0 auto}
.challenge__top{
  display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,88px);
  align-items:center;
}

.challenge__media{margin:0;position:relative}
.challenge__photo{
  position:relative;border-radius:18px;overflow:hidden;
  aspect-ratio:4/3;
  background:
    repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px),
    linear-gradient(135deg,#12161f 0%,#1c2432 55%,#0f1319 100%);
  box-shadow:0 40px 90px rgba(0,0,0,.5);
}
.challenge__photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.08);transition:transform 1.8s var(--ease);
}
.challenge__media.on .challenge__photo img{transform:scale(1)}
.challenge__badge{
  position:absolute;left:20px;bottom:20px;z-index:2;
  display:flex;flex-direction:column;gap:2px;
  padding:11px 18px;border-radius:10px;
  background:rgba(8,10,14,.55);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);
}
.challenge__badge-lb{font-size:9.5px;letter-spacing:.16em;color:rgba(255,255,255,.55)}
.challenge__badge-name{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.06em;color:#fff}

.challenge__body{color:#fff}
.challenge__ttl{
  font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.2vw,42px);
  line-height:1.55;letter-spacing:.02em;color:#fff;
}
.challenge__tx{margin-top:28px;display:flex;flex-direction:column;gap:18px}
.challenge__tx p{font-size:14.5px;line-height:2.05;color:rgba(255,255,255,.62)}
.challenge__highlight{
  margin-top:6px;font-size:15.5px;font-weight:600;line-height:1.8;
  color:#42cbb8 !important;
}
.challenge__highlight b{font-weight:700}

.challenge__values{
  margin-top:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,44px);
  border-top:1px solid rgba(255,255,255,.14);
  display:grid;grid-template-columns:repeat(3,1fr);
}
.challenge__value{
  display:flex;align-items:center;gap:16px;
  padding:0 clamp(16px,2.4vw,32px);
}
.challenge__value + .challenge__value{border-left:1px solid rgba(255,255,255,.14)}
.challenge__value-ic{
  flex:none;width:34px;height:34px;color:#42cbb8;
}
.challenge__value-ic svg{width:100%;height:100%}
.challenge__value-tx{display:flex;flex-direction:column;gap:4px}
.challenge__value-tx b{font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:.02em;color:#fff}
.challenge__value-tx i{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.6)}

@media(max-width:900px){
  .challenge__top{grid-template-columns:1fr;gap:44px}
  .challenge__values{grid-template-columns:1fr;gap:24px}
  .challenge__value + .challenge__value{border-left:none;border-top:1px solid rgba(255,255,255,.14);padding-top:24px}
}

/* ============================================================
   FOOTER
   ============================================================ */
.ft{position:relative;clear:both;overflow:hidden;border-top:1px solid var(--line2);background:rgba(255,255,255,.55);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:clamp(56px,6.4vw,90px) clamp(20px,3.4vw,52px) 0}
.ft__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 2.6fr;gap:clamp(40px,6vw,100px)}
.ft__brand{position:relative;min-width:0;align-self:start}
.ft__logo{height:clamp(38px,4vw,52px);width:auto}
.ft__coord{margin-top:14px;font-size:11px;color:var(--mut);letter-spacing:.08em}
.ft__corp{margin-top:20px;font-size:13px;font-weight:600;color:var(--ink)}
.ft__addr{margin-top:8px;font-size:12px;color:var(--mut);line-height:2.1}
.ft__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ft__lb{font-size:11px;font-weight:600;color:var(--acc);letter-spacing:.1em;margin-bottom:16px}
.ft__nav{display:flex;flex-direction:column;gap:0}
.ft__nav a{
  font-size:12px;color:var(--mut);padding:6px 0;transition:color .3s,padding-left .4s var(--ease);
}
.ft__nav a:hover{color:var(--acc);padding-left:8px}
.ft__copy{
  max-width:1280px;margin:clamp(44px,5.4vw,70px) auto 0;padding:24px 0;
  border-top:1px solid var(--line2);font-size:9px;color:var(--dim);letter-spacing:.22em;
}

/* to top */
.totop{
  position:fixed;right:26px;bottom:26px;z-index:80;
  background:var(--glass);border:1px solid var(--gbrd);color:var(--ink2);
  backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);
  box-shadow:var(--gshadow);
  border-radius:999px;padding:11px 18px;
  font-size:9.5px;letter-spacing:.18em;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .5s,visibility .5s,transform .5s var(--ease),color .3s;
}
.totop.on{opacity:1;visibility:visible;transform:none}
.totop:hover{color:var(--acc)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1080px){
  .hd__nav{display:none}
  .hd__cta{display:none}
  .hd__burger{
    display:flex;flex-direction:column;justify-content:center;gap:7px;
    width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0 6px;z-index:110;
  }
  .hd__burger span{height:1.5px;border-radius:2px;background:var(--ink);transition:transform .45s var(--ease),opacity .3s;display:block}
  .hd__burger.on span:nth-child(1){transform:translateY(4px) rotate(22deg)}
  .hd__burger.on span:nth-child(2){transform:translateY(-4px) rotate(-22deg)}
  .hero__body{grid-template-columns:1fr;gap:40px}
  .hero__vis{max-width:520px;padding:14px 10px 26px 12px}
  .wrap{grid-template-columns:1fr;gap:44px}
  .sec__side{position:static}
  .evd__grid{grid-template-columns:repeat(2,1fr)}
  .evd__grid--bento .evd__cell{grid-column:span 2 !important;min-height:0}
  .evd__cell--wide{flex-direction:column;align-items:flex-start;gap:0}
  .evd__cell--wide .evd__ds{margin-left:0;max-width:100%;text-align:left;margin-top:12px}
  .cap__grid,.cap__grid--3col{grid-template-columns:1fr}
  .cap__prods{grid-template-columns:repeat(2,1fr)}
  .cse__grid{grid-template-columns:1fr 1fr;gap:20px}
  .cse__head{flex-direction:column;align-items:flex-start}
  .case-filters{margin-top:4px;row-gap:12px}
  .svc__row{grid-template-columns:1fr}
  .svc__img{max-width:420px}
  .svc__pin{grid-template-columns:1fr;gap:36px}
  .svc__pin-inner{position:static;align-items:center}
  .svc__pin-imgs{max-width:480px;margin:0 auto}
  .svc__pin-list{padding-bottom:0}
  .svc__pin-item{min-height:0;opacity:1;padding:26px 0}
  .svc__pin-no,.svc__pin-tag{opacity:1;color:var(--ink)}
  .jnl-pick__body{grid-template-columns:1fr}
  .phi__ed-row{margin-left:0;width:100%;padding:24px 0}
  .msg__card{grid-template-columns:1fr}
  .cap__inds{grid-template-columns:repeat(2,1fr)}
  .rct__card{grid-template-columns:1fr}
  .rct__phs{min-height:340px}
  .ft__in{grid-template-columns:1fr}
  .ft__cols{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pc{display:none}
  .poi{display:none}
  .hero__acts{gap:14px;flex-direction:column;align-items:flex-start}
  .hero__prods{align-items:flex-start;flex-direction:column;gap:14px}
  .hero__prods-lb{border-right:none;padding-right:0}
  .hero__prods ul{gap:18px 26px}
  .hero__prods img{height:24px}
  .cap__prods{grid-template-columns:1fr 1fr;gap:10px}
  .cap__prod{padding:20px 12px 16px}
  .evd__grid,.evd__grid--2col{grid-template-columns:1fr}
  .evd__cell{min-height:0}
  .evd__grid--bento .evd__cell{grid-column:span 1 !important}
  .jnl__row{grid-template-columns:88px 1fr 30px;grid-template-rows:auto auto;row-gap:6px}
  .jnl-pick__thumb{width:56px}
  .jnl-pick__item{gap:12px}
  .jnl__cat{grid-row:1;grid-column:2;justify-self:start;padding:4px 14px}
  .jnl__date{grid-row:1;grid-column:1}
  .jnl__ttl{grid-row:2;grid-column:1/3}
  .jnl__arw{grid-row:1/3;grid-column:3}
  .cse__grid{grid-template-columns:1fr}
  .rct__pts{grid-template-columns:1fr}
  .cap__inds{grid-template-columns:1fr 1fr}
  .cap__areas{grid-template-columns:1fr}
  .ft{padding-top:52px}
  .ft__in{display:block}
  .ft__brand{display:block;padding-bottom:42px}
  .ft__coord,.ft__corp,.ft__addr{position:static;display:block;max-width:100%;transform:none}
  .ft__coord{margin-top:14px;line-height:1.8}
  .ft__corp{margin-top:22px}
  .ft__cols{grid-template-columns:1fr;gap:34px;clear:both}
  .ft__nav a{padding:8px 0;line-height:1.7}
  .ft__copy{margin-top:42px;padding-bottom:30px;line-height:1.8}
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv,.hero__ttl .ln>span{opacity:1!important;transform:none!important}
}

/* ============================================================
   COMPANY PAGE
   ============================================================ */
.company-page{
  background:#fff;
}
.company-wrap{
  width:min(100% - 40px,1120px);
  margin:0 auto;
}
.company-center{
  text-align:center;
}
.sub-hero{
  position:relative;
  overflow:hidden;
  min-height:250px;
  display:grid;
  place-items:center;
  padding-top:72px;
  color:#fff;
  background:linear-gradient(128deg,#122845 0%,#263f61 58%,#49637f 100%);
}
.sub-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));
  pointer-events:none;
}
.sub-hero__topo,
.sub-hero__grid{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.sub-hero__topo{
  opacity:.28;
}
.sub-hero__grid{
  opacity:.18;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px 180px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 1px,transparent 1px 110px);
}
.sub-hero__in{
  position:relative;
  z-index:2;
  text-align:center;
}
.sub-hero__en{
  margin-bottom:8px;
  font-size:10px;
  color:rgba(255,255,255,.65);
}
.sub-hero h1{
  font-family:var(--disp);
  font-size:clamp(26px,3vw,40px);
  font-weight:700;
  letter-spacing:.1em;
}
.breadcrumb{
  width:min(100% - 40px,1120px);
  margin:26px auto 0;
  display:flex;
  gap:10px;
  align-items:center;
  color:var(--dim);
  font-size:12px;
}
.breadcrumb a{
  color:var(--mut);
}
.breadcrumb a::after{
  content:">";
  margin-left:10px;
  color:var(--dim);
}
.company-message{
  padding:clamp(70px,8vw,110px) 0 clamp(66px,7vw,100px);
}
.company-message__grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr);
  gap:clamp(40px,7vw,92px);
  align-items:end;
}
.company-message__text h2{
  margin-bottom:28px;
  font-family:var(--disp);
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.45;
}
.company-message__text p{
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.2;
}
.company-message__text p + p{
  margin-top:16px;
}
.company-message__sign{
  text-align:right;
  color:var(--ink)!important;
}
.company-message__sign b{
  margin-left:8px;
}
.company-message__photo{
  justify-self:center;
  margin:0;
}
.company-message__photo img{
  width:min(320px,100%);
  filter:drop-shadow(0 22px 42px rgba(20,40,70,.18));
}
.company-belief{
  padding:clamp(74px,8vw,112px) 0;
  background:linear-gradient(180deg,#edf7ff,#eaf5fc);
}
.company-section-title{
  font-family:var(--disp);
  font-size:clamp(25px,2.9vw,38px);
  line-height:1.45;
  color:#143d65;
  letter-spacing:.04em;
}
.company-section-lead{
  max-width:720px;
  margin:22px auto 0;
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.15;
}
.belief-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,2.4vw,34px);
  margin-top:52px;
}
.belief-card{
  min-height:300px;
  padding:38px 30px 32px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.94);
  border-radius:6px;
  box-shadow:0 18px 42px rgba(30,70,105,.1);
  text-align:center;
}
.belief-card__icon{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  margin:0 auto 24px;
  color:#2b7fc7;
}
.belief-card__icon svg,
.company-stat-card__icon svg,
.next-card svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.belief-card h3{
  color:#133f68;
  font-size:20px;
  line-height:1.5;
  font-weight:700;
}
.belief-card p{
  margin-top:12px;
  color:#446276;
  font-size:14.5px;
  line-height:1.9;
  text-align:left;
}
.company-results{
  padding:clamp(78px,8vw,118px) 0;
}
.company-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  width:min(100%,880px);
  margin:50px auto 0;
}
.company-stat-card{
  min-height:236px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px 22px;
  text-align:center;
  background:linear-gradient(180deg,#edf8ff,#e7f4fc);
  border:1px solid rgba(255,255,255,.95);
  border-radius:8px;
  box-shadow:0 18px 40px rgba(28,80,120,.08);
  color:#1672cb;
}
.company-stat-card__icon{
  width:56px;
  height:56px;
  margin-bottom:14px;
}
.company-stat-card strong{
  display:block;
  font-family:var(--disp);
  font-size:clamp(31px,4vw,48px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:.02em;
}
.company-stat-card small{
  font-size:.5em;
}
.company-stat-card p{
  margin-top:8px;
  color:#124878;
  font-size:13px;
  font-weight:700;
}
.company-mini-logos{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin-top:15px;
}
.company-mini-logos img{
  max-width:72px;
  max-height:24px;
}
.company-chipline{
  margin-top:14px;
  padding:6px 14px;
  color:#fff;
  background:#168ed6;
  border-radius:4px;
  font-size:11px;
  font-weight:700;
}
.company-profile{
  padding:clamp(78px,8vw,120px) 0;
  background:linear-gradient(180deg,#f5f5f5,#ededed);
}
.profile-panel{
  width:min(100%,760px);
  margin:0 auto;
}
.profile-table{
  background:rgba(255,255,255,.5);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 18px 48px rgba(20,24,40,.08);
}
.profile-table div{
  display:grid;
  grid-template-columns:150px 1fr;
  border-bottom:1px solid rgba(20,24,40,.1);
}
.profile-table div:last-child{
  border-bottom:0;
}
.profile-table dt{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 12px;
  color:#fff;
  background:#0e9bd8;
  font-size:13px;
  font-weight:700;
}
.profile-table dd{
  margin:0;
  padding:18px 22px;
  color:#394b5d;
  font-size:15px;
  line-height:1.9;
  background:rgba(255,255,255,.56);
}
.cert-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  margin-top:42px;
}
.cert-grid article{
  min-height:124px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 26px;
  border-radius:4px;
  color:#fff;
  box-shadow:0 18px 36px rgba(20,24,40,.12);
}
.cert-grid article:first-child{
  background:#16aee8;
}
.cert-grid article:last-child{
  background:#f49a19;
}
.cert-grid img{
  max-width:210px;
  height:42px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:12px;
  background:#fff;
  border-radius:3px;
}
.cert-grid p{
  font-size:13px;
  font-weight:700;
}
.company-next{
  position:relative;
  overflow:hidden;
  padding:clamp(82px,8vw,126px) 0 clamp(100px,10vw,154px);
  background:#eef7ff;
}
.company-next .cta__topo{
  opacity:.38;
}
.next-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,2.4vw,34px);
  margin-top:52px;
}
.next-card{
  min-height:270px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:38px 28px 30px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.96);
  border-radius:5px;
  box-shadow:0 18px 42px rgba(20,60,95,.1);
  color:#124878;
  transition:transform .45s var(--ease),box-shadow .45s;
}
.next-card:hover{
  transform:translateY(-5px);
  box-shadow:0 26px 60px rgba(20,60,95,.14);
}
.next-card span{
  width:58px;
  height:58px;
  color:#0c4d84;
}
.next-card h3{
  margin-top:22px;
  font-size:22px;
  line-height:1.45;
}
.next-card p{
  margin-top:12px;
  color:#466278;
  font-size:14.5px;
  line-height:1.9;
}
.next-card i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-top:auto;
  color:#fff;
  font-style:normal;
  border-radius:50%;
  background:#075799;
  box-shadow:0 8px 18px rgba(7,87,153,.28);
}
.company-footer{
  position:relative;
  z-index:1;
  padding:clamp(70px,7vw,100px) 40px 0;
  color:#d8e5f2;
  background:#071f3d;
}
.company-footer__in{
  width:min(100%,880px);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:clamp(44px,7vw,88px);
}
.company-footer__logo{
  width:180px;
  filter:brightness(0) invert(1);
}
.company-footer p{
  margin-top:16px;
  color:#d8e5f2;
  font-size:12px;
  line-height:2;
}
.company-footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:26px;
}
.company-footer nav a{
  color:#d8e5f2;
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:4px;
}
.company-footer__copy{
  width:min(100%,1120px);
  margin:60px auto 0;
  padding:24px 0;
  border-top:1px solid rgba(255,255,255,.12);
  color:#9eb3c7!important;
  font-size:9px!important;
  text-align:center;
  letter-spacing:.2em;
}

@media(max-width:900px){
  .company-message__grid,
  .belief-grid,
  .next-grid,
  .company-footer__in{
    grid-template-columns:1fr;
  }
  .company-message__photo{
    order:-1;
  }
  .company-stat-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .company-wrap,
  .breadcrumb{
    width:min(100% - 28px,1120px);
  }
  .sub-hero{
    min-height:210px;
  }
  .company-message,
  .company-belief,
  .company-results,
  .company-profile,
  .company-next{
    padding-left:0;
    padding-right:0;
  }
  .company-stat-grid,
  .cert-grid{
    grid-template-columns:1fr;
  }
  .profile-table div{
    grid-template-columns:1fr;
  }
  .profile-table dt{
    justify-content:flex-start;
    padding-left:18px;
  }
  .company-footer{
    padding-left:24px;
    padding-right:24px;
  }
}

.company-hero{
  position:relative;
  min-height:clamp(560px,68svh,760px);
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:112px clamp(20px,3.4vw,52px) 80px;
}
.company-hero__topo,
.company-hero__grid,
.company-hero__vig{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.company-hero__topo{
  opacity:.9;
}
.company-hero__grid{
  pointer-events:none;
  opacity:.48;
  background:
    repeating-linear-gradient(90deg,var(--line2) 0 1px,transparent 1px calc(100%/6)),
    repeating-linear-gradient(0deg,var(--line2) 0 1px,transparent 1px 33.4%);
}
.company-hero__vig{
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.84),transparent 32%,rgba(255,255,255,.96));
}
.company-hero__body{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:clamp(32px,5vw,78px);
  align-items:center;
}
.company-hero__eyebrow{
  margin-bottom:18px;
  color:var(--acc);
  font-size:11px;
}
.company-hero__copy h1{
  font-family:var(--disp);
  font-size:clamp(32px,5vw,60px);
  line-height:1.2;
  letter-spacing:.04em;
}
.company-hero__copy p{
  max-width:680px;
  margin-top:28px;
  color:var(--mut);
  font-size:15px;
  line-height:2.15;
}
.company-breadcrumb{
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:34px;
  color:var(--dim);
  font-size:11px;
  letter-spacing:.08em;
}
.company-breadcrumb a{
  color:var(--ink2);
}
.company-breadcrumb a::after{
  content:"/";
  margin-left:10px;
  color:var(--dim);
}
.company-hero__panel{
  background:var(--glass);
  border:1px solid var(--gbrd);
  border-radius:var(--r);
  backdrop-filter:blur(24px) saturate(1.8);
  -webkit-backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:var(--gshadow-l);
  padding:clamp(30px,4vw,48px);
}
.company-hero__panel > p{
  margin-bottom:26px;
  color:var(--acc);
  font-size:11px;
}
.company-hero__panel dl{
  display:grid;
  gap:18px;
}
.company-hero__panel div{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:18px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line2);
}
.company-hero__panel div:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.company-hero__panel dt{
  color:var(--dim);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.14em;
}
.company-hero__panel dd{
  margin:0;
  color:var(--ink);
  font-size:14px;
  line-height:1.8;
}

/*
  ---- hero目次カード（ページ内の主要セクションへのジャンプナビ） ----
  .company-hero__panel（3行程度の簡易ファクトパネル）の代わりに、
  ページ内セクション数だけ番号付きの行を並べる「目次」card。
  会社案内ページで先行導入したものを、他ページでも使えるよう汎用化。
*/
.hero-toc{
  background:var(--co-card, #fdfdfe);
  border:1px solid var(--co-border, rgba(29,29,31,.08));
  border-radius:20px;
  box-shadow:var(--co-shadow, 0 1px 2px rgba(20,24,40,.03),0 8px 20px rgba(20,24,40,.06));
  padding:8px;
}
.hero-toc a{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:14px;
  transition:background .3s;
}
.hero-toc a:hover{
  background:rgba(61,143,208,.06);
}
.hero-toc a + a{
  border-top:1px solid var(--line2);
}
.hero-toc__no{
  flex:none;
  font-family:var(--mono);
  font-size:11px;
  color:var(--dim);
}
.hero-toc__label{
  flex:none;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  letter-spacing:.02em;
  background-image:linear-gradient(var(--acc),var(--acc));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:0% 1.5px;
  padding-bottom:2px;
}
.hero-toc__arw{
  margin-left:auto;
  color:var(--dim);
  font-size:14px;
  display:inline-block;
  transition:color .3s;
}
.hero-toc a.is-active .hero-toc__no{color:var(--acc)}
.hero-toc a.is-active .hero-toc__label{
  color:var(--acc);
  font-weight:700;
  animation:hero-toc-underline .6s ease forwards;
}
.hero-toc a.is-active .hero-toc__arw{
  color:var(--acc);
  animation:hero-toc-arw-spin 1s ease forwards;
}
@keyframes hero-toc-underline{
  from{background-size:20% 1.5px}
  to{background-size:100% 1.5px}
}
@keyframes hero-toc-arw-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(405deg)}
}

.company-message2{
  padding-top:clamp(70px,8vw,110px);
}
.company-policy{
  padding-top:clamp(90px,9vw,132px);
}
.company-evidence .evd__grid{
  gap:20px;
  margin-top:56px;
}
.company-evidence .evd__cell{
  min-height:238px;
  padding:30px 30px 28px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  border-color:rgba(29,29,31,.065);
  border-radius:18px;
  box-shadow:0 18px 52px rgba(20,24,40,.055);
}
.company-evidence .evd__lb{
  margin-bottom:24px;
  padding-right:58px;
  font-size:10.5px;
  letter-spacing:.1em;
}
.company-evidence .evd__num{
  margin:0 0 22px;
  color:#1b8cd0;
  font-size:clamp(36px,3.5vw,54px);
  line-height:1;
  letter-spacing:0;
}
.company-evidence .evd__num--s{
  font-size:clamp(27px,2.45vw,36px);
  line-height:1.18;
}
.evd__icon{
  position:absolute;
  top:30px;
  right:28px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin:0;
  color:#294bd7;
  opacity:.9;
}
.evd__icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.company-evidence .evd__ds{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--line2);
  font-size:13.5px;
  line-height:2;
}
.company-evidence .evd__cell::before{
  content:"";
  position:absolute;
  top:0;
  left:30px;
  right:30px;
  height:2px;
  background:linear-gradient(90deg,rgba(61,143,208,.65),rgba(61,143,208,0));
  pointer-events:none;
}
.company-overview .cap__head{
  margin-bottom:clamp(38px,5vw,62px);
}
.company-overview__grid{
  align-items:stretch;
}
.company-profile-table{
  margin-top:24px;
  border-top:1px solid var(--line2);
}
.company-profile-table div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  padding:18px 0;
  border-bottom:1px solid var(--line2);
}
.company-profile-table dt{
  color:var(--mut);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
}
.company-profile-table dd{
  margin:0;
  color:var(--ink2);
  font-size:14.5px;
  line-height:1.9;
}
.company-cert-list{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.company-cert-card{
  min-height:104px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line2);
  border-radius:14px;
}
.company-cert-card img{
  max-width:100%;
  max-height:58px;
  object-fit:contain;
}
.company-page .cta{
  margin-top:0;
}

@media(max-width:1080px){
  .company-hero__body{
    grid-template-columns:1fr;
  }
  .company-hero__panel,
  .hero-toc{
    max-width:620px;
  }
}
@media(max-width:640px){
  .company-hero{
    min-height:0;
    padding-top:118px;
    padding-bottom:62px;
  }
  .company-hero__copy h1{
    font-size:clamp(30px,11vw,46px);
  }
  .company-hero__panel div,
  .company-profile-table div{
    grid-template-columns:1fr;
    gap:8px;
  }
}

/* ============================================================
   COMPANY PAGE REDESIGN (company.html only, "co-" prefix)
   Local tokens for the flatter off-white card look used throughout
   this redesign (distinct from the site's usual frosted-glass cards).
   ============================================================ */
:root{
  --co-card:#fdfdfe;
  --co-border:rgba(29,29,31,.08);
  --co-shadow:0 1px 2px rgba(20,24,40,.03),0 8px 20px rgba(20,24,40,.06);
  --co-shadow-l:0 2px 4px rgba(20,24,40,.04),0 12px 28px rgba(20,24,40,.08);
  --co-shadow-hover:0 4px 10px rgba(20,24,40,.05),0 22px 44px rgba(20,24,40,.1);
}

/* ---- hero mission line (company.html only) ---- */
.co-hero-mission{
  max-width:600px;
  margin-top:30px;
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(17px,1.7vw,22px);
  line-height:1.75;
  color:#1c4e78;
  letter-spacing:.01em;
}

/* ---- message ---- */
.co-message{
  padding:100px clamp(20px,3.4vw,52px) 0;
}
.co-message__card{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:60px;
  align-items:end;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:28px;
  box-shadow:var(--co-shadow);
  padding:56px 56px 0;
  overflow:hidden;
}
.co-message__tx{
  padding-bottom:56px;
}
.co-message__tx h2{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(24px,2.8vw,38px);
  line-height:1.5;
  letter-spacing:.015em;
  margin:0 0 26px;
}
.co-message__tx h2::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.co-message__tx p{
  font-size:15.5px;
  color:var(--ink2);
  line-height:2.2;
  margin:0 0 1.3em;
  max-width:640px;
}
.co-message__sign{
  margin:34px 0 0;
  font-size:12.5px;
  color:var(--mut);
  display:flex;
  align-items:baseline;
  gap:16px;
}
.co-message__sign b{
  font-family:var(--disp);
  font-weight:700;
  font-size:20px;
  letter-spacing:.14em;
  color:var(--ink);
}
.co-message__ph{
  position:relative;
  align-self:end;
  margin:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.co-message__ph img{
  position:relative;
  width:100%;
  max-width:300px;
  height:auto;
  filter:drop-shadow(0 22px 42px rgba(20,40,70,.22));
}

/* ---- philosophy ---- */
.co-phi{
  padding:130px clamp(20px,3.4vw,52px) 150px;
  margin-top:80px;
  background:linear-gradient(180deg,#f2f9ff,#eef6fd);
}
.co-phi__in{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(240px,1fr) 2.2fr;
  gap:70px;
}
.co-phi__side{
  position:sticky;
  top:110px;
  align-self:start;
  height:max-content;
}
.co-phi__side h2{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(25px,2.7vw,38px);
  line-height:1.5;
  letter-spacing:.015em;
  color:#143d65;
  margin:0;
}
.co-phi__bar{
  width:38px;
  height:2px;
  margin-top:18px;
  border-radius:999px;
  background:var(--grad);
}
.co-phi__side p{
  margin:22px 0 0;
  font-size:13px;
  color:#446276;
  line-height:2.15;
}
.co-phi__list{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.co-phi__row{
  position:relative;
  display:grid;
  grid-template-columns:94px 1fr 44px;
  align-items:center;
  gap:28px;
  padding:34px 36px;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:22px;
  box-shadow:var(--co-shadow);
  transition:transform .4s var(--ease),box-shadow .4s;
}
.co-phi__row:hover{
  transform:translateY(-6px);
  box-shadow:var(--co-shadow-hover);
}
.co-phi__icon-col{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.co-phi__step{
  font-family:var(--mono);
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  color:#7fa8cf;
}
.co-phi__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  border-radius:0;
  background:transparent;
  border:0;
  color:#294bd7;
  flex:none;
  box-shadow:none;
}
.co-phi__icon svg{
  width:64px;
  height:64px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-phi__tx h3{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(18px,1.9vw,23px);
  letter-spacing:.01em;
  color:#12233a;
  margin:0 0 10px;
}
.co-phi__tx p{
  font-size:15px;
  color:#4b5c6b;
  line-height:2.05;
  margin:0;
  max-width:480px;
}
.co-phi__arw{
  flex:none;
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(61,143,208,.08);
  color:var(--acc-d);
  font-size:15px;
  transition:background .35s,color .35s,transform .35s;
}
.co-phi__row:hover .co-phi__arw{
  background:var(--acc-d);
  color:#fff;
  transform:translateX(3px);
}

/* ---- evidence ---- */
.co-evd{
  padding:150px clamp(20px,3.4vw,52px) 150px;
}
.co-evd__in{
  max-width:1280px;
  margin:0 auto;
}
.co-evd__head{
  max-width:920px;
  margin-bottom:56px;
}
.co-evd__head h2{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(24px,2.9vw,42px);
  line-height:1.5;
  letter-spacing:.015em;
  margin:0 0 24px;
  color:var(--ink);
}
.co-evd__head h2::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.co-evd__head em{
  font-style:normal;
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.co-evd__head p{
  font-size:13.5px;
  color:var(--mut);
  line-height:2.15;
  margin:0;
}
.co-evd__stack{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.co-evd__row2{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:20px;
}
.co-evd__row3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.co-evd__hero{
  position:relative;
  overflow:hidden;
  background:var(--grad);
  border-radius:20px;
  box-shadow:0 22px 50px rgba(61,143,208,.28);
  padding:clamp(28px,3vw,38px);
  min-height:190px;
  display:flex;
  flex-direction:column;
  color:#fff;
  transition:transform .5s var(--ease);
}
.co-evd__hero:hover{
  transform:translateY(-4px);
}
.co-evd__hero-lb{
  margin:0 0 20px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  color:rgba(255,255,255,.85);
}
.co-evd__hero-num{
  margin:0 0 14px;
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(48px,5.2vw,68px);
  line-height:1;
  letter-spacing:-.01em;
}
.co-evd__hero-num small{
  font-size:.34em;
  font-weight:600;
  margin-left:4px;
}
.co-evd__hero-ds{
  margin-top:auto;
  font-size:14px;
  color:rgba(255,255,255,.82);
  line-height:1.9;
}
.co-evd__check{
  position:relative;
  overflow:hidden;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:20px;
  box-shadow:var(--co-shadow);
  padding:clamp(28px,3vw,38px);
  min-height:190px;
  display:flex;
  flex-direction:column;
  transition:transform .5s var(--ease);
}
.co-evd__check:hover{
  transform:translateY(-4px);
}
.co-evd__check-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.co-evd__check-lb{
  margin:0;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--mut);
}
.co-evd__check-ic{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:0;
  border:0;
  color:#294bd7;
}
.co-evd__check-ic svg{
  width:56px;
  height:56px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-evd__check-num{
  margin:16px 0 14px;
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(48px,5.2vw,68px);
  line-height:1;
  letter-spacing:-.01em;
  color:#1b8cd0;
}
.co-evd__check-num small{
  font-size:.34em;
  font-weight:600;
  margin-left:4px;
  color:var(--acc);
}
.co-evd__check-ds{
  margin-top:auto;
  font-size:14px;
  color:var(--mut);
  line-height:1.9;
}
.co-evd__cell{
  position:relative;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:18px;
  box-shadow:var(--co-shadow);
  padding:26px 26px 24px;
  min-height:158px;
  display:flex;
  flex-direction:column;
  transition:transform .5s var(--ease);
}
.co-evd__cell:hover{
  transform:translateY(-4px);
}
.co-evd__cell-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.co-evd__cell-lb{
  margin:0;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.08em;
  color:#8a8f98;
}
.co-evd__cell-ic{
  flex:none;
  width:52px;
  height:52px;
  color:#294bd7;
}
.co-evd__cell-ic svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-evd__cell-num{
  margin:14px 0 0;
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(28px,2.6vw,36px);
  line-height:1;
  color:var(--ink);
}
.co-evd__cell-num--s{
  font-size:clamp(23px,2.1vw,30px);
  line-height:1.25;
}
.co-evd__cell-num small{
  font-size:.5em;
  font-weight:600;
  margin-left:3px;
  color:var(--acc);
}
.co-evd__cell-ds{
  margin-top:auto;
  padding-top:14px;
  font-size:13.5px;
  color:var(--mut);
  line-height:1.8;
}

/* ---- overview ---- */
.co-ov{
  padding:150px clamp(20px,3.4vw,52px) 150px;
  background:linear-gradient(180deg,#f7f7f8,#f0f1f2);
}
.co-ov__in{
  max-width:1280px;
  margin:0 auto;
}
.co-ov__head{
  max-width:1000px;
  margin-bottom:64px;
}
.co-ov__head .mono{
  margin:0 0 16px;
  color:var(--acc);
  font-weight:300;
  letter-spacing:.14em;
  font-size:11px;
}
.co-ov__head h2{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(23px,2.4vw,34px);
  line-height:1.5;
  letter-spacing:.015em;
  color:var(--ink);
  margin:0 0 22px;
}
.co-ov__head h2::after{
  content:"";display:block;width:42px;height:3px;margin-top:16px;
  border-radius:999px;background:var(--grad);
}
.co-ov__head p{
  font-size:14.5px;
  color:var(--mut);
  line-height:2.15;
  margin:0;
}
.co-ov__grid{
  display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:18px;
  align-items:stretch;
}
.co-ov__main{
  grid-column:1/-1;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:22px;
  box-shadow:var(--co-shadow);
  padding:40px;
  transition:transform .5s var(--ease);
}
.co-ov__main:hover{
  transform:translateY(-4px);
}
.co-ov__main h3{
  font-family:var(--disp);
  font-weight:600;
  font-size:clamp(19px,1.8vw,23px);
  letter-spacing:.02em;
  margin:0;
}
.co-ov__table{
  margin:24px 0 0;
  border-top:1px solid var(--line2);
  padding:0;
}
.co-ov__table div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  padding:18px 0;
  border-bottom:1px solid var(--line2);
}
.co-ov__table div:last-child{
  border-bottom:0;
}
.co-ov__table dt{
  color:var(--mut);
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
}
.co-ov__table dt.co-ov__loc{
  display:flex;
  align-items:center;
  gap:8px;
}
.co-ov__table dt.co-ov__loc svg{
  width:14px;
  height:14px;
  flex:none;
  fill:none;
  stroke:var(--acc);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-ov__table dd{
  margin:0;
  color:var(--ink2);
  font-size:14.5px;
  line-height:1.9;
}
.co-ov__addr{
  color:#1d3b57;
  font-weight:600;
  background:rgba(61,143,208,.06);
  border:1px solid rgba(61,143,208,.14);
  border-radius:10px;
  padding:10px 14px;
  display:inline-block;
}
.co-ov__side{
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:22px;
  box-shadow:var(--co-shadow);
  padding:40px;
  transition:transform .5s var(--ease);
}
.co-ov__side:hover{
  transform:translateY(-4px);
}
.co-ov__side-ic{
  display:flex;
  align-items:center;
  justify-content:center;
  width:68px;
  height:68px;
  border-radius:0;
  background:transparent;
  color:#294bd7;
  margin-bottom:18px;
}
.co-ov__side-ic svg{
  width:62px;
  height:62px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Company icon system: blue linework with restrained office-icon accents */
.company-page .co-line-icon,
.co-line-icon{
  overflow:visible;
  fill:none;
  stroke:#294bd7;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.company-page .co-line-icon .ic-soft-teal,
.co-line-icon .ic-soft-teal{fill:#dff8f3;stroke:none}
.company-page .co-line-icon .ic-soft-blue,
.co-line-icon .ic-soft-blue{fill:#e4f3ff;stroke:none}
.company-page .co-line-icon .ic-fill-yellow,
.co-line-icon .ic-fill-yellow{fill:#ffd46a;stroke:#294bd7}
.company-page .co-line-icon .ic-accent-teal,
.co-line-icon .ic-accent-teal{fill:none;stroke:#42cbb8;stroke-width:3}
.company-page .co-line-icon .ic-accent-yellow,
.co-line-icon .ic-accent-yellow{fill:none;stroke:#f4ad2f;stroke-width:4}
.co-line-icon .ic-solid-white{fill:#fff;stroke:none}
.co-line-icon .ic-soft-white{fill:rgba(255,255,255,.16);stroke:none}

.co-ov__side .mono{
  font-size:10px;
  color:var(--acc);
  letter-spacing:.24em;
  margin:0 0 10px;
}
.co-ov__side h3{
  font-family:var(--disp);
  font-weight:600;
  font-size:clamp(19px,1.8vw,23px);
  letter-spacing:.02em;
  margin:0;
}
.co-ov__badges{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
}
.co-ov__badges img{
  width:150px;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(20,24,40,.1);
}
.co-ov__side-note{
  margin:20px 0 0;
  font-size:12px;
  color:var(--mut);
  line-height:1.9;
  border-top:1px solid var(--line2);
  padding-top:20px;
}
.co-ov__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.co-ov__tags li{
  background:var(--co-card, #fdfdfe);
  border-radius:4px;
  padding:6px 15px;
  font-size:10.5px;
  letter-spacing:.12em;
  color:var(--ink2);
}

/* ---- contact CTA ---- */
.co-cta{
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:150px clamp(20px,3.4vw,52px);
}
.co-cta__card{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 auto;
  background:var(--co-card);
  border:1px solid var(--co-border);
  border-radius:30px;
  box-shadow:var(--co-shadow-l);
  padding:70px 60px;
  overflow:hidden;
}
.co-cta__bar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--grad);
}
.co-cta__card h2{
  font-family:var(--disp);
  font-weight:700;
  font-size:clamp(27px,3.7vw,48px);
  line-height:1.45;
  letter-spacing:.015em;
  margin:0;
  color:var(--ink);
}
.co-cta__card > p{
  margin:20px 0 0;
  font-size:13.5px;
  color:var(--mut);
  line-height:2.15;
}
.co-cta__pills{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:28px;
}
.co-cta__pill{
  display:flex;
  align-items:center;
  gap:7px;
  background:rgba(61,143,208,.09);
  border-radius:4px;
  padding:7px 16px;
  font-size:11.5px;
  font-weight:600;
  color:var(--acc-d);
}
.co-cta__pill svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-cta__btn{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:36px;
  background:var(--grad);
  color:#fff;
  border-radius:999px;
  padding:20px 56px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.16em;
  box-shadow:0 16px 40px rgba(61,143,208,.38);
  transition:transform .35s var(--ease),box-shadow .35s;
}
.co-cta__btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(61,143,208,.46);
}
.co-cta__btn i{
  font-style:normal;
  font-size:18px;
}
.co-cta__note{
  margin:18px 0 0;
  font-size:11px;
  color:var(--dim);
  letter-spacing:.04em;
}

@media(max-width:1080px){
  .co-message__card{
    grid-template-columns:1fr;
    padding:44px 40px 0;
    gap:32px;
  }
  .co-message__ph{
    max-width:260px;
    margin:0 auto;
  }
  .co-phi__in{
    grid-template-columns:1fr;
    gap:36px;
  }
  .co-phi__side{
    position:static;
  }
  .co-evd__row2,
  .co-evd__row3{
    grid-template-columns:1fr 1fr;
  }
  .co-ov__grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .co-message{
    padding-top:64px;
  }
  .co-message__card{
    padding:32px 24px 0;
    border-radius:22px;
  }
  .co-phi{
    padding:80px clamp(20px,3.4vw,52px) 90px;
    margin-top:40px;
  }
  .co-phi__row{
    grid-template-columns:1fr;
    text-align:center;
    gap:16px;
    padding:28px 24px;
  }
  .co-phi__icon-col{
    flex-direction:row;
    justify-content:center;
  }
  .co-phi__arw{
    display:none;
  }
  .co-evd{
    padding-top:90px;
    padding-bottom:90px;
  }
  .co-evd__row2,
  .co-evd__row3{
    grid-template-columns:1fr;
  }
  .co-ov{
    padding:90px clamp(20px,3.4vw,52px) 90px;
  }
  .co-ov__table div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .co-cta__card{
    padding:48px 26px;
  }
}

/* ============================================================
   FAQ PAGE
   ============================================================ */
.faq-hero{
  min-height:clamp(520px,62svh,700px);
}
.faq-hero .company-hero__panel{
  max-width:430px;
  justify-self:end;
}
.faq-sec{
  padding-top:clamp(76px,8vw,112px);
}
.faq-sec .wrap--col{
  max-width:980px;
}
.faq-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:clamp(26px,4vw,60px);
  margin-bottom:clamp(28px,4vw,44px);
}
.faq-intro .sec__ttl::after,
.faq-category__head h2::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:14px;
  border-radius:999px;
  background:var(--grad);
}
.faq-intro .sec__note{
  max-width:420px;
  margin-top:0;
}
.faq-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:clamp(64px,7vw,92px);
}
.faq-nav a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:64px;
  padding:14px 18px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(29,29,31,.08);
  border-radius:14px;
  backdrop-filter:blur(18px) saturate(1.7);
  -webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:0 1px 2px rgba(20,24,40,.03),0 14px 34px rgba(20,24,40,.055);
  color:var(--ink2);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-align:center;
  transition:border-color .35s,color .35s,background .35s;
}
.faq-nav__label{
  background-image:linear-gradient(var(--acc),var(--acc));
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:0% 1.5px;
  padding-bottom:2px;
}
.faq-nav__arw{
  color:var(--dim);
  font-size:14px;
  display:inline-block;
  transition:color .3s;
}
.faq-nav a:hover{
  color:var(--acc-d);
  border-color:rgba(61,143,208,.22);
  background:rgba(255,255,255,.82);
}
.faq-nav a:hover .faq-nav__label{
  animation:hero-toc-underline .6s ease forwards;
}
.faq-nav a:hover .faq-nav__arw{
  color:var(--acc-d);
  animation:hero-toc-arw-spin 1s ease forwards;
}
.faq-list{
  display:block;
}
.faq-category{
  scroll-margin-top:110px;
}
.faq-category + .faq-category{
  margin-top:clamp(62px,7vw,92px);
}
.faq-category__head{
  margin-bottom:22px;
}
.faq-category__head p{
  margin-bottom:8px;
  color:var(--acc);
  font-size:10px;
}
.faq-category__head h2{
  font-family:var(--disp);
  font-size:clamp(23px,2.5vw,34px);
  line-height:1.45;
  letter-spacing:.04em;
}
.faq-items{
  display:grid;
  gap:12px;
}
.faq-item{
  overflow:hidden;
  background:rgba(238,248,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:16px;
  box-shadow:0 1px 2px rgba(20,24,40,.03),0 14px 36px rgba(20,24,40,.045);
  transition:background .35s,border-color .35s,box-shadow .45s,transform .45s var(--ease);
}
.faq-item:hover{
  transform:translateY(-2px);
  border-color:rgba(61,143,208,.22);
  box-shadow:0 2px 6px rgba(20,24,40,.04),0 22px 52px rgba(20,24,40,.075);
}
.faq-item[open]{
  background:rgba(255,255,255,.82);
  border-color:rgba(61,143,208,.2);
  box-shadow:var(--gshadow);
}
.faq-item summary{
  display:grid;
  grid-template-columns:auto 1fr 24px;
  gap:18px;
  align-items:center;
  min-height:76px;
  padding:0 clamp(20px,2.7vw,32px);
  cursor:pointer;
  list-style:none;
  color:var(--ink2);
  font-weight:600;
  line-height:1.75;
  letter-spacing:.04em;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-q,
.faq-a{
  font-family:var(--disp);
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
}
.faq-q{
  color:#168c91;
  font-size:17px;
}
.faq-a{
  color:#c27050;
  font-size:16px;
  padding-top:23px;
}
.faq-item summary i{
  position:relative;
  display:block;
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid rgba(61,143,208,.22);
  background:rgba(255,255,255,.6);
}
.faq-item summary i::before,
.faq-item summary i::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:9px;
  height:1.5px;
  border-radius:999px;
  background:var(--acc);
  transform:translate(-50%,-50%);
  transition:transform .35s var(--ease),opacity .35s;
}
.faq-item summary i::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.faq-item[open] summary i::after{
  transform:translate(-50%,-50%) rotate(0deg);
  opacity:0;
}
.faq-answer{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:0 clamp(20px,2.7vw,32px) clamp(24px,2.8vw,34px);
}
.faq-answer > div{
  padding-top:22px;
  border-top:1px solid var(--line2);
}
.faq-answer p{
  color:var(--mut);
  font-size:15.5px;
  line-height:2.15;
}
.faq-answer p + p{
  margin-top:10px;
}
.faq-noscript{
  margin-top:30px;
  padding:20px 24px;
  background:rgba(255,255,255,.8);
  border:1px solid var(--line2);
  border-radius:14px;
  color:var(--mut);
}

@media(max-width:900px){
  .faq-hero .company-hero__panel,
  .faq-hero .hero-toc{
    justify-self:start;
  }
  .faq-intro{
    display:block;
  }
  .faq-intro .sec__note{
    margin-top:18px;
  }
  .faq-nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .faq-sec{
    padding-top:64px;
  }
  .faq-nav{
    grid-template-columns:1fr;
    margin-bottom:56px;
  }
  .faq-nav a{
    min-height:58px;
    justify-content:flex-start;
    padding-left:22px;
  }
  .faq-category + .faq-category{
    margin-top:58px;
  }
  .faq-item summary{
    grid-template-columns:auto 1fr 22px;
    gap:12px;
    min-height:0;
    padding:18px;
    font-size:13px;
  }
  .faq-answer{
    grid-template-columns:1fr;
    gap:8px;
    padding:0 18px 22px;
  }
  .faq-a{
    padding-top:0;
  }
  .faq-answer > div{
    padding-top:16px;
  }
}

/* ============================================================
   CONTACT / CASE STUDY PAGES
   ============================================================ */
.hd__cta.is-act{
  background:var(--acc-d);
  box-shadow:0 8px 24px rgba(61,143,208,.34);
}
.contact-hero,
.cases-hero,
.case-detail-hero{
  min-height:clamp(520px,62svh,700px);
}
.contact-wrap{
  width:min(100% - 40px,1040px);
  margin:0 auto;
}
.contact-lead{
  max-width:760px;
  margin:0 auto clamp(42px,5vw,70px);
}
.contact-lead h2{
  font-family:var(--disp);
  font-size:clamp(28px,3.4vw,44px);
  line-height:1.45;
  letter-spacing:.02em;
}
.contact-lead h2::after{
  content:"";
  display:block;
  width:46px;
  height:2px;
  margin-top:18px;
  border-radius:999px;
  background:var(--grad);
}
.contact-lead p{
  margin-top:24px;
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.15;
}
.contact-lead ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;
  margin-top:26px;
}
.contact-lead li{
  position:relative;
  padding-left:18px;
  color:var(--ink2);
  font-size:15px;
  font-weight:600;
  line-height:1.8;
}
.contact-lead li::before{
  content:"";
  position:absolute;
  left:0;
  top:.82em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--acc);
}
.contact-form{
  max-width:860px;
  margin:0 auto;
  padding:clamp(24px,3.4vw,44px);
  background:rgba(255,255,255,.7);
  border:1px solid var(--gbrd);
  border-radius:calc(var(--r) + 4px);
  backdrop-filter:blur(20px) saturate(1.7);
  -webkit-backdrop-filter:blur(20px) saturate(1.7);
  box-shadow:var(--gshadow-l);
}
.form-row{
  display:grid;
  grid-template-columns:210px 1fr;
  gap:24px;
  align-items:start;
  padding:18px 0;
  border-bottom:1px solid var(--line2);
}
.form-row label{
  display:grid;
  grid-template-columns:44px 1fr;
  column-gap:14px;
  align-items:start;
}
.form-row label span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  color:#fff;
  background:var(--acc);
  border-radius:4px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.form-row label b{
  color:var(--ink2);
  font-size:15px;
  line-height:1.4;
}
.form-row label small{
  grid-column:2;
  color:var(--dim);
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.08em;
}
.form-row input,
.form-row textarea{
  width:100%;
  min-height:54px;
  padding:0 16px;
  color:var(--ink);
  background:rgba(255,255,255,.76);
  border:1px solid rgba(43,116,181,.52);
  border-radius:8px;
  outline:none;
  font:inherit;
  letter-spacing:.02em;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.form-row--short input{
  max-width:260px;
}
.form-row textarea{
  min-height:240px;
  padding-top:14px;
  resize:vertical;
}
.form-row input:focus,
.form-row textarea:focus{
  border-color:var(--acc);
  background:#fff;
  box-shadow:0 0 0 4px rgba(61,143,208,.12);
}
.form-consent{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:36px;
  color:var(--ink2);
  font-size:13px;
}
.form-consent input{
  width:18px;
  height:18px;
  accent-color:var(--acc);
}
.form-note{
  max-width:620px;
  margin:24px auto 0;
  color:var(--mut);
  font-size:12px;
  line-height:2;
  text-align:center;
}
.form-submit{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:54px;
  margin:34px auto 0;
  color:#fff;
  background:linear-gradient(128deg,#1f639b,#2f7fc4);
  border:0;
  border-radius:999px;
  box-shadow:0 12px 32px rgba(43,116,181,.28);
  cursor:pointer;
  font:inherit;
  font-weight:600;
  letter-spacing:.16em;
  transition:transform .35s var(--ease),box-shadow .35s,filter .35s;
}
.form-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(43,116,181,.36);
  filter:brightness(1.04);
}
.form-status{
  min-height:28px;
  margin-top:16px;
  color:var(--acc-d);
  font-size:12px;
  text-align:center;
}

/* Contact Form 7: keep the production form aligned with the renewal layout. */
.contact-page .contact-wrap > .wpcf7{
  width:100%;
  margin:0 auto;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  box-sizing:border-box;
}
.contact-page .wpcf7 form{
  margin:0;
}
.contact-page .wpcf7 .contactRead{
  margin:0 0 22px;
  color:var(--ink2);
  font-size:14px;
  line-height:1.8;
}
.contact-page .wpcf7 .mailform{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  margin:0;
}
.contact-page .wpcf7 .mailform dt,
.contact-page .wpcf7 .mailform dd{
  min-width:0;
  margin:0;
  padding:18px 0;
  border-bottom:1px solid var(--line2);
}
.contact-page .wpcf7 .mailform dt{
  padding-right:24px;
  color:var(--ink2);
  font-size:15px;
  font-weight:600;
  line-height:1.5;
}
.contact-page .wpcf7 .mailform p{
  margin:0;
}
.contact-page .wpcf7 .mailform .must,
.contact-page .wpcf7 .mustAtte{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:22px;
  margin-right:12px;
  padding:0 7px;
  color:#fff;
  background:var(--acc);
  border-radius:4px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  vertical-align:2px;
}
.contact-page .wpcf7 .mailform .en{
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-family:var(--mono);
  font-size:10px;
  font-weight:400;
  letter-spacing:.08em;
}
.contact-page .wpcf7 .wpcf7-form-control-wrap{
  display:block;
  width:100%;
}
.contact-page .wpcf7 input[type="text"],
.contact-page .wpcf7 input[type="email"],
.contact-page .wpcf7 input[type="tel"],
.contact-page .wpcf7 textarea{
  display:block;
  width:100%;
  max-width:none;
  min-height:54px;
  margin:0;
  padding:0 16px;
  color:var(--ink);
  background:#fff;
  border:1px solid rgba(43,116,181,.42);
  border-radius:8px;
  outline:none;
  box-sizing:border-box;
  font:inherit;
  transition:border-color .25s,box-shadow .25s;
}
.contact-page .wpcf7 textarea{
  min-height:220px;
  padding-top:14px;
  resize:vertical;
}
.contact-page .wpcf7 input:focus,
.contact-page .wpcf7 textarea:focus{
  border-color:var(--acc);
  box-shadow:0 0 0 4px rgba(61,143,208,.12);
}
.contact-page .wpcf7 .privacy,
.contact-page .wpcf7 .txt-align-ctr{
  margin:24px auto 0;
  color:var(--ink2);
  font-size:13px;
  line-height:1.9;
  text-align:center;
}
.contact-page .wpcf7 .privacy + .txt-align-ctr{
  margin-top:8px;
}
.contact-page .wpcf7 .wpcf7-list-item{
  margin:0 6px 0 0;
}
.contact-page .wpcf7 input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:0 6px 0 0;
  accent-color:var(--acc);
  vertical-align:-4px;
}
.contact-page .wpcf7 .transmit{
  display:flex;
  justify-content:center;
  margin-top:30px;
}
.contact-page .wpcf7 .transmit p{
  position:relative;
  margin:0;
}
.contact-page .wpcf7 input[type="submit"]{
  min-width:220px;
  min-height:54px;
  padding:0 28px;
  color:#fff;
  background:linear-gradient(128deg,#1f639b,#2f7fc4);
  border:0;
  border-radius:999px;
  box-shadow:0 12px 32px rgba(43,116,181,.28);
  cursor:pointer;
  font:inherit;
  font-weight:600;
  letter-spacing:.16em;
}
.contact-page .wpcf7 .wpcf7-spinner{
  position:absolute;
  top:50%;
  right:-34px;
  margin:0;
  transform:translateY(-50%);
}
.contact-page .wpcf7 .wpcf7-response-output{
  margin:22px 0 0;
  padding:12px 16px;
  border-radius:8px;
  font-size:13px;
  line-height:1.7;
}
.contact-page .wpcf7 .contact-form--wp{
  display:block;
}
.contact-page .wpcf7 .contact-form--wp .form-row > p{
  display:contents;
}
.contact-page .wpcf7 .contact-form--wp .form-row > p > br{
  display:none;
}
.contact-page .wpcf7 .contact-form--wp .wpcf7-form-control-wrap{
  display:block;
  min-width:0;
}
.contact-page .wpcf7 .contact-form--wp .form-submit-wrap{
  position:relative;
  display:flex;
  justify-content:center;
}
.contact-page .wpcf7 .contact-form--wp .wpcf7-spinner{
  position:absolute;
  top:50%;
  left:calc(50% + 122px);
  margin:0;
  transform:translateY(-50%);
}
.contact-page .wpcf7 .contact-form--wp .wpcf7-not-valid-tip{
  margin-top:7px;
  font-size:12px;
  line-height:1.5;
}

.case-list-sec .sec__note{
  max-width:700px;
}
.case-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:clamp(20px,2.6vw,32px);
  flex:none;
}
.case-filters button{
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 0 11px;
  position:relative;
  color:var(--dim);
  background:none;
  border:none;
  cursor:pointer;
  font:inherit;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.06em;
  transition:color .3s;
  white-space:nowrap;
}
.case-filters button::before{
  content:"";
  flex:none;
  width:9px;
  height:9px;
  border-radius:50%;
  border:1.5px solid var(--dim);
  transition:border-color .3s,background .3s;
}
.case-filters button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--acc);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .4s var(--ease);
}
.case-filters button:hover{color:var(--ink2)}
.case-filters button.is-act{color:var(--ink)}
.case-filters button.is-act::before{
  border-color:var(--acc);
  background:var(--acc);
}
.case-filters button.is-act::after{transform:scaleX(1)}
.case-list-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
}
.case-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:100%;
  background:rgba(255,255,255,.68);
  border:1px solid var(--gbrd);
  border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(1.7);
  -webkit-backdrop-filter:blur(18px) saturate(1.7);
  box-shadow:var(--gshadow);
  transition:transform .5s var(--ease),box-shadow .5s,border-color .35s;
}
.case-card:hover{
  transform:translateY(-6px);
  border-color:rgba(61,143,208,.24);
  box-shadow:var(--gshadow-l);
}
.case-card__img{
  position:relative;
  aspect-ratio:4/2.6;
  overflow:hidden;
  margin:14px 14px 0;
  border-radius:14px;
}
.case-card__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92);
  transform:scale(1.03);
  transition:filter .7s var(--ease),transform 1.1s var(--ease);
}
.case-card:hover .case-card__img img{
  filter:saturate(1.05);
  transform:scale(1.08);
}
.case-card__img span{
  position:absolute;
  right:12px;
  bottom:12px;
  padding:6px 13px;
  color:var(--ink);
  background:rgba(255,255,255,.76);
  border-radius:999px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:10.5px;
  font-weight:600;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .45s,transform .45s var(--ease);
}
.case-card:hover .case-card__img span{
  opacity:1;
  transform:none;
}
.case-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:22px 24px 26px;
}
.case-card__meta{
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:var(--dim);
  font-size:9.5px;
  line-height:1.5;
}
.case-card__meta span:last-child{
  color:var(--acc);
}
.case-card h3{
  margin-top:14px;
  font-family:var(--disp);
  font-size:17px;
  line-height:1.65;
  letter-spacing:.02em;
  transition:color .35s;
}
.case-card:hover h3{
  color:var(--acc-d);
}
.case-card p{
  margin-top:12px;
  color:var(--mut);
  font-size:14px;
  line-height:2;
}
.case-card ul{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
  padding-top:18px;
}
.case-card li{
  padding:5px 10px;
  color:var(--acc-d);
  background:rgba(61,143,208,.09);
  border-radius:4px;
  font-size:10px;
  font-weight:600;
}

/* WordPress内の正式な「お役立ち情報」を、リニューアルデザインで表示 */
.case-filters a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 0 9px;
  color:var(--mut);
  border-bottom:1px solid transparent;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  transition:color .3s,border-color .3s;
}
.case-filters a:hover,
.case-filters a.is-act{color:var(--ink);border-color:var(--acc)}
.rc-column-card__placeholder{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(7,87,153,.42)!important;
  background:linear-gradient(135deg,#edf7fd,#f8fbfd)!important;
  border-radius:0!important;
  font-family:var(--disp);
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:.12em;
  opacity:1!important;
  transform:none!important;
}
.rc-column-pagination{margin-top:clamp(38px,5vw,64px)}
.rc-column-pagination .page-numbers{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  list-style:none;
}
.rc-column-pagination .page-numbers a,
.rc-column-pagination .page-numbers span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink2);
  background:#fff;
  font-size:12px;
}
.rc-column-pagination .page-numbers .current{
  color:#fff;
  background:var(--acc-d);
  border-color:var(--acc-d);
}
.rc-column-article__mainimg{width:100%;max-width:760px}
.rc-column-article__mainimg img{aspect-ratio:auto;max-height:none;object-fit:contain}
.rc-column-content{margin-top:clamp(42px,5vw,66px)}
.rc-column-content > * + *{margin-top:18px}
.rc-column-content h1,
.rc-column-content h2{
  margin-top:clamp(48px,6vw,76px);
  padding:14px 18px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#075799,#1d7bbd)!important;
  border:0!important;
  border-radius:8px;
  box-shadow:0 12px 28px rgba(7,87,153,.14);
  font-family:var(--disp)!important;
  font-size:clamp(19px,2vw,24px)!important;
  font-weight:700!important;
  line-height:1.65!important;
}
.rc-column-content h3{
  margin-top:38px;
  padding:0 0 12px!important;
  color:#0c4774!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid rgba(7,87,153,.34)!important;
  font-family:var(--disp)!important;
  font-size:clamp(17px,1.8vw,21px)!important;
  line-height:1.7!important;
}
.rc-column-content h4{margin-top:30px;font-size:17px;line-height:1.8}
.rc-column-content p,
.rc-column-content li{color:var(--ink2);font-size:15.5px;line-height:2.2}
.rc-column-content ul,
.rc-column-content ol{display:grid;gap:8px;margin:20px 0;padding-left:1.5em}
.rc-column-content ul{list-style:disc}
.rc-column-content ol{list-style:decimal}
.rc-column-content figure{margin:30px auto}
.rc-column-content img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:12px}
.rc-column-content figcaption{margin-top:8px;color:var(--dim);font-size:12px;line-height:1.8;text-align:center}
.rc-column-content blockquote{margin:30px 0;padding:20px 24px;border-left:3px solid var(--acc);background:#f5f9fc}
.rc-column-content table{width:100%;margin:28px 0;border-collapse:collapse;font-size:14px;line-height:1.8}
.rc-column-content th,
.rc-column-content td{padding:14px;border:1px solid var(--line);vertical-align:top}
.rc-column-content th{background:#f2f7fa;color:var(--ink);font-weight:700}
.rc-column-content a{color:var(--acc-d);text-decoration:underline;text-underline-offset:3px}
.rc-column-content .wp-block-button__link{color:#fff;text-decoration:none}
.rc-column-back{display:inline-flex;margin-top:42px;color:var(--acc-d);font-size:13px;font-weight:600}
.rc-column-page-links{display:flex;gap:8px;margin-top:28px}
.case-empty{
  padding:28px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--gbrd);
  border-radius:var(--r);
  color:var(--mut);
}

.article-sec{
  padding-top:clamp(72px,8vw,112px);
}
.article-wrap{
  width:min(100% - 40px,1160px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:clamp(28px,4vw,56px);
  align-items:start;
}
.article-wrap--full{
  grid-template-columns:minmax(0,1fr);
  max-width:860px;
}
.legal-wrap{
  width:min(100% - 40px,820px);
  margin:0 auto;
}
.legal-wrap .case-article__lead{margin-top:0}
.legal-sign{
  margin-top:clamp(44px,5vw,66px);
  text-align:right;
  color:var(--ink2);
  font-size:13px;
  line-height:2;
}
.case-article{
  min-width:0;
}
.case-article__date{
  color:var(--dim);
  font-size:10px;
}
.article-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.article-tags li{
  padding:5px 11px;
  color:var(--acc-d);
  background:rgba(61,143,208,.09);
  border-radius:4px;
  font-size:10.5px;
  font-weight:600;
}
.case-article__mainimg{
  width:min(100%,560px);
  margin-top:28px;
  overflow:hidden;
  border-radius:18px;
  box-shadow:var(--gshadow);
}
.case-article__mainimg img{
  width:100%;
  aspect-ratio:4/2.55;
  object-fit:cover;
}
.case-article h1{
  margin-top:30px;
  font-family:var(--disp);
  font-size:clamp(25px,3vw,38px);
  line-height:1.55;
  letter-spacing:.015em;
}
.case-article__lead{
  margin-top:22px;
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.2;
}
.case-article__profile{
  margin-top:26px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.case-article__profile div{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid var(--line2);
}
.case-article__profile div:last-child{
  border-bottom:0;
}
.case-article__profile dt{
  color:var(--dim);
  font-size:12px;
  font-weight:600;
}
.case-article__profile dd{
  margin:0;
  color:var(--ink2);
  font-size:12.5px;
  line-height:1.8;
}
.case-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:42px;
  padding:8px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.case-summary section{
  position:relative;
  padding:28px clamp(22px,3vw,34px) 32px;
  background:transparent;
}
.case-summary section + section{
  border-left:1px solid var(--line);
}
.case-summary h2{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ink);
  font-family:var(--disp);
  font-size:15px;
  letter-spacing:.06em;
}
.case-summary p{
  margin-top:18px;
  color:var(--ink2);
  font-size:14px;
  line-height:2.05;
}
.case-summary section:last-child h2{
  color:var(--acc-d);
}
.case-summary section:last-child p{
  color:var(--ink);
  font-weight:500;
}
.article-section{
  margin-top:clamp(44px,5vw,66px);
}
.article-section > h2{
  display:block;
  margin-bottom:22px;
  padding:12px 18px;
  color:#fff;
  background:linear-gradient(90deg,#075799,#1d7bbd);
  border-radius:8px;
  box-shadow:0 12px 28px rgba(7,87,153,.14);
  font-size:17px;
  letter-spacing:.08em;
}
.article-section > h3{
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(7,87,153,.34);
  color:#0c4774;
  font-family:var(--disp);
  font-size:20px;
  line-height:1.6;
}
.article-sub{margin-top:32px}
.article-section > h2 + .article-sub,
.article-section > h3 + .article-sub:first-of-type{margin-top:0}
.article-sub > h3{
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(7,87,153,.34);
  color:#0c4774;
  font-family:var(--disp);
  font-size:18px;
  line-height:1.6;
}
.article-section p{
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.25;
}
.article-section p + p{
  margin-top:14px;
}
.article-image{
  margin:0 0 24px;border-radius:16px;overflow:hidden;
  background:rgba(237,248,255,.5);border:1px solid var(--gbrd);
  box-shadow:var(--gshadow);
}
.article-image img{
  display:block;width:100%;height:auto;max-height:420px;object-fit:contain;
  margin:0 auto;
}
.article-bullets{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.article-bullets li,
.article-effect li{
  position:relative;
  padding-left:18px;
  color:var(--ink2);
  font-size:13px;
  line-height:2;
}
.article-bullets li::before,
.article-effect li::before{
  content:"";
  position:absolute;
  left:0;
  top:.86em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--acc);
}
.article-diagram{
  position:relative;
  width:min(100%,460px);
  aspect-ratio:1.8/1;
  margin:22px auto 28px;
  overflow:hidden;
  background:rgba(255,255,255,.75);
  border:1px solid var(--gbrd);
  border-radius:18px;
  box-shadow:var(--gshadow);
}
.article-diagram::before,
.article-diagram::after{
  content:"";
  position:absolute;
  inset:50% auto auto 50%;
  width:62%;
  height:1px;
  background:rgba(61,143,208,.28);
  transform-origin:left center;
}
.article-diagram::before{transform:rotate(28deg)}
.article-diagram::after{transform:rotate(-32deg)}
.article-diagram__center{
  position:absolute;
  left:50%;
  top:50%;
  width:116px;
  height:116px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:var(--acc);
  border-radius:50%;
  box-shadow:0 16px 34px rgba(61,143,208,.24);
  transform:translate(-50%,-50%);
  text-align:center;
}
.article-diagram__center b{
  font-family:var(--disp);
  font-size:24px;
  line-height:1;
}
.article-diagram__center span{
  margin-top:6px;
  font-size:10px;
  line-height:1.4;
}
.article-diagram > span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  min-width:76px;
  padding:8px 12px;
  color:var(--acc-d);
  background:rgba(237,248,255,.9);
  border:1px solid rgba(61,143,208,.18);
  border-radius:999px;
  box-shadow:0 8px 22px rgba(20,24,40,.08);
  font-size:11px;
  font-weight:700;
  text-align:center;
  transform:translate(-50%,-50%);
}
.article-effect{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,260px);
  gap:26px;
  align-items:center;
}
.article-effect__text{
  display:grid;
  gap:22px;
}
.article-effect h3{
  padding-bottom:8px;
  border-bottom:1px solid rgba(7,87,153,.28);
  color:#0c4774;
  font-size:17px;
  line-height:1.6;
}
.article-effect ul{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.article-effect__img{
  display:flex;
  align-items:end;
  justify-content:center;
  min-height:260px;
  overflow:hidden;
  border-radius:18px;
  background:rgba(237,248,255,.65);
  border:1px solid var(--gbrd);
}
.article-effect__img img{
  max-height:300px;
  object-fit:contain;
}
.article-cta{
  margin-top:clamp(48px,5vw,72px);
  padding:28px;
  text-align:center;
  background:rgba(255,255,255,.74);
  border:1px solid var(--gbrd);
  border-radius:18px;
  box-shadow:var(--gshadow);
}
.article-cta p{
  color:var(--ink);
  font-weight:700;
}
.article-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  padding:12px 26px;
  color:#fff;
  background:var(--acc);
  border-radius:999px;
  font-size:12.5px;
  font-weight:700;
}
.case-side{
  position:sticky;
  top:104px;
  display:grid;
  gap:16px;
}
.case-side__box{
  padding:22px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--gbrd);
  border-radius:18px;
  box-shadow:var(--gshadow);
}
.case-side__ttl{
  margin-bottom:14px;
  color:var(--ink);
  font-weight:700;
}
.case-side__checks{
  display:grid;
  gap:8px;
}
.case-side__checks li{
  font-size:12px;
  line-height:1.6;
}
.case-side__checks li a{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--ink2);
  transition:color .25s;
}
.case-side__checks li a:hover{
  color:var(--acc-d);
}
.case-side__checks span{
  width:12px;
  height:12px;
  border:1px solid rgba(61,143,208,.42);
  border-radius:3px;
  background:rgba(237,248,255,.7);
  transition:background .25s,border-color .25s;
}
.case-side__checks li a:hover span{
  border-color:var(--acc);
  background:rgba(61,143,208,.16);
}
.case-side__cloud{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.case-side__cloud a{
  padding:5px 9px;
  color:var(--mut);
  background:rgba(29,29,31,.05);
  border-radius:8px;
  font-size:10px;
  transition:color .25s,background .25s;
}
.case-side__cloud a:hover{
  color:var(--acc-d);
  background:rgba(61,143,208,.1);
}
.related-sec{
  padding-top:0;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.related-card{
  display:grid;
  grid-template-columns:116px 1fr;
  gap:16px;
  align-items:center;
  padding:12px;
  background:rgba(255,255,255,.72);
  border:1px solid var(--gbrd);
  border-radius:16px;
  box-shadow:var(--gshadow);
  transition:transform .4s var(--ease),box-shadow .4s;
}
.related-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--gshadow-l);
}
.related-card img{
  width:116px;
  aspect-ratio:4/2.7;
  object-fit:cover;
  border-radius:10px;
}
.related-card span{
  color:var(--acc);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.12em;
}
.related-card p{
  margin-top:5px;
  color:var(--ink);
  font-size:13.5px;
  font-weight:700;
  line-height:1.7;
}

@media(max-width:1080px){
  .case-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .article-wrap{
    grid-template-columns:1fr;
  }
  .case-side{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-side__box:last-child{
    grid-column:1/-1;
  }
  .related-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .contact-wrap,
  .article-wrap{
    width:min(100% - 28px,1040px);
  }
  .contact-lead ul,
  .case-list-grid,
  .case-summary,
  .case-side,
  .article-effect{
    grid-template-columns:1fr;
  }
  .case-summary{
    padding:0;
  }
  .case-summary section{
    padding:24px 4px 26px;
  }
  .case-summary section + section{
    border-left:0;
    border-top:1px solid var(--line);
  }
  .form-row{
    grid-template-columns:1fr;
    gap:10px;
  }
  .form-row--short input{
    max-width:none;
  }
  .contact-form{
    padding:22px 18px;
  }
  .contact-page .contact-wrap > .wpcf7{
    padding:0;
    border-radius:0;
  }
  .contact-page .wpcf7 .mailform{
    grid-template-columns:1fr;
  }
  .contact-page .wpcf7 .mailform dt{
    padding:18px 0 8px;
    border-bottom:0;
  }
  .contact-page .wpcf7 .mailform dd{
    padding:0 0 18px;
  }
  .contact-page .wpcf7 .mailform .en{
    display:inline-block;
    margin:0 0 0 8px;
  }
  .contact-page .wpcf7 .contactRead{
    font-size:13px;
  }
  .contact-page .wpcf7 .privacy,
  .contact-page .wpcf7 .txt-align-ctr{
    text-align:left;
  }
  .case-card__body{
    padding:20px 18px 22px;
  }
  .case-article__profile div{
    grid-template-columns:1fr;
    gap:4px;
  }
  .article-section > h2{
    font-size:15px;
  }
  .article-diagram{
    aspect-ratio:1.08/1;
  }
  .article-diagram__center{
    width:96px;
    height:96px;
  }
  .article-effect__img{
    min-height:200px;
  }
  .related-card{
    grid-template-columns:92px 1fr;
  }
  .related-card img{
    width:92px;
  }
}

/* ============================================================
   代表立原の趣味の部屋（hobby-room.html）
   ============================================================ */
.hobby-video__frame{
  margin-top:32px;
  max-width:820px;
  aspect-ratio:16/9;
  border-radius:20px;
  overflow:hidden;
  background:#000;
  box-shadow:var(--gshadow);
}
.hobby-video__frame iframe{width:100%;height:100%;border:0;display:block}

.hobby-reel{
  margin-top:22px;
  max-width:820px;
}
.hobby-reel__track{
  display:flex;
  align-items:flex-start;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
}
.hobby-reel__item{
  flex:none;
  height:260px;
  aspect-ratio:9/16;
  scroll-snap-align:start;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  box-shadow:var(--gshadow);
}
.hobby-reel__item--wide{aspect-ratio:16/9}
.hobby-reel__item video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hobby-reel__cap{
  position:relative;
  margin-top:-34px;
  padding:8px 12px 10px;
  font-size:11px;
  color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.65),transparent);
}

.hobby-gallery{padding-top:0}
.hobby-gallery__grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
}
.hobby-gallery__item{
  border-radius:18px;
  overflow:hidden;
  background:var(--glass);
  border:1px solid var(--gbrd);
  box-shadow:var(--gshadow);
  transition:transform .5s var(--ease),box-shadow .5s;
}
.hobby-gallery__item:hover{transform:translateY(-6px);box-shadow:var(--gshadow-l)}
.hobby-gallery__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.hobby-gallery__item figcaption{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
}
.hobby-gallery__item figcaption .mono{flex:none;font-size:10.5px;color:var(--dim)}
.hobby-gallery__item figcaption span:last-child{font-size:13px;font-weight:600;color:var(--ink)}

.hobby-garage{padding-top:0}
.hobby-garage__card{
  background:var(--glass);
  border:1px solid var(--gbrd);
  border-radius:var(--r);
  box-shadow:var(--gshadow);
  padding:clamp(28px,3.6vw,44px);
}

@media(max-width:900px){
  .hobby-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .hobby-gallery__grid{grid-template-columns:1fr}
  .hobby-reel__item{height:200px}
}

/* ============================================================
   回遊タブ（case-detail.html「こんな事例もあります」の上）
   ============================================================ */
.roam__grid{
  margin-top:32px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);
}
.roam__card{
  display:flex;
  flex-direction:column;
  padding:clamp(24px,2.6vw,32px) clamp(20px,2.2vw,26px);
  background:var(--glass);
  border:1px solid var(--gbrd);
  border-radius:var(--r);
  box-shadow:var(--gshadow);
  transition:transform .5s var(--ease),box-shadow .5s;
}
.roam__card:hover{transform:translateY(-6px);box-shadow:var(--gshadow-l)}
.roam__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  flex:none;
  border-radius:50%;
  background:rgba(61,143,208,.1);
  color:var(--acc-d);
  margin-bottom:20px;
}
.roam__icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.roam__card h3{
  font-family:var(--disp);
  font-weight:700;
  font-size:16px;
  letter-spacing:.01em;
  color:var(--ink);
  margin-bottom:10px;
}
.roam__card p{
  font-size:14px;
  color:var(--mut);
  line-height:1.9;
  flex:1;
}
.roam__more{
  margin-top:18px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  font-weight:600;
  color:var(--acc-d);
}
.roam__more i{transition:transform .35s var(--ease)}
.roam__card:hover .roam__more i{transform:translateX(4px)}

.roam__card--accent{
  background:var(--grad);
  border-color:transparent;
}
.roam__card--accent .roam__icon{background:rgba(255,255,255,.2);color:#fff}
.roam__card--accent h3{color:#fff}
.roam__card--accent p{color:rgba(255,255,255,.85)}
.roam__card--accent .roam__more{color:#fff}

@media(max-width:1080px){
  .roam__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .roam__grid{grid-template-columns:1fr}
}
body.admin-bar .hd{top:32px}
@media(max-width:782px){body.admin-bar .hd{top:46px}}

/* News detail content synchronized from the existing WordPress posts. */
.news-article__body{
  margin-top:30px;
  color:var(--ink2);
  font-size:15.5px;
  line-height:2.1;
}
.news-article__body > * + *{margin-top:24px}
.news-article__body h2{
  margin-top:54px;
  color:var(--ink);
  font-family:var(--disp);
  font-size:clamp(21px,2.4vw,29px);
  line-height:1.6;
}
.news-article__body h3{
  margin-top:38px;
  color:var(--ink);
  font-size:18px;
  line-height:1.7;
}
.news-article__body a{
  color:var(--acc-d);
  text-decoration:underline;
  text-underline-offset:4px;
}
.news-article__media{
  width:100%;
  margin:34px auto;
  text-align:center;
}
.news-article__media img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:720px;
  margin:auto;
  object-fit:contain;
}
.news-article__media--portrait{max-width:480px}
.news-article__media--small{max-width:280px}
.news-article__gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,3vw,32px);
  align-items:start;
  margin:34px auto;
}
.news-article__gallery figure{margin:0}
.news-article__gallery img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.news-article__gallery--portrait img{max-height:680px}
.news-article__links{
  display:grid;
  gap:12px;
  padding-left:1.25em;
  list-style:disc;
}
.news-article__body .case-article__profile{margin-top:34px}
@media(max-width:640px){
  .news-article__body{font-size:15px;line-height:2}
  .news-article__body h2{margin-top:42px}
  .news-article__gallery{grid-template-columns:1fr}
  .news-article__gallery--portrait{max-width:360px}
}
/* 2026-07-31: keep each certification card intact and cover only its baked-in arrow. */
.badge-clean{
  position:relative;
  display:block;
  overflow:hidden;
}
.badge-clean img{
  display:block;
  width:100%;
  height:auto;
  border-radius:inherit;
}
.badge-clean::after{
  content:"";
  position:absolute;
  right:4.4%;
  bottom:15.5%;
  width:8.2%;
  aspect-ratio:1;
  border-radius:50%;
  z-index:2;
}
.badge-clean--netsuite::after{background:#ffb51b}
.badge-clean--microsoft::after{background:#5fc5ea}
.co-ov__badges .badge-clean{
  width:150px;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(20,24,40,.1);
}
.co-ov__badges .badge-clean img{
  width:100%;
  box-shadow:none;
}

/* 2026-07-31: preserve original absolute badge positions after arrow masking wrapper. */
.hero__vis .hero__badge.badge-clean{position:absolute}