/*
Theme Name: Sells up
Theme URI: https://sellsup.co.jp/
Author: Sells up
Description: Sells up コーポレートサイト専用テーマ。sellsup-preview.html のデザインを WordPress 化したもの。動的方式（カスタム投稿タイプ contents / position）。
Version: 0.5.4
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: sellsup
*/

/* ===== 以下、プレビューHTMLから抽出したデザイントークン＋共通スタイル ===== */
/* 注: プレビュー専用のページ切替UI（#switcher, .pv-* ラッパ）に関する記述が含まれる場合がありますが、
   実サイトでは該当要素が無いため影響しません。段階的に整理していきます。 */


:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#16191F;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(26,29,36,.04),0 2px 8px rgba(26,29,36,.04);
    --shadow-md:0 4px 12px rgba(26,29,36,.06),0 12px 32px rgba(26,29,36,.07);
    --shadow-lg:0 8px 24px rgba(26,29,36,.08),0 24px 60px rgba(26,29,36,.10);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
#pv-index-logo .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-index-logo a{color:inherit;text-decoration:none}
body::before{
    content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
  }
#pv-index-logo header, #pv-index-logo section, #pv-index-logo footer{position:relative;z-index:2}
#pv-index-logo header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-index-logo header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-index-logo .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-index-logo .logo{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:.02em}
#pv-index-logo .logo span{color:var(--teal)}
#pv-index-logo .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-index-logo .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-index-logo .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-index-logo .nav-links a:hover{color:var(--ink)}
#pv-index-logo .nav-links a:hover::after{width:100%}
#pv-index-logo .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-index-logo .logo-img{height:30px;width:auto;display:block}
#pv-index-logo .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-index-logo .foot-logo{display:inline-block}
#pv-index-logo .hero{padding:186px 0 96px;position:relative;overflow:hidden}
#pv-index-logo .hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#pv-index-logo .hero-bg::before{content:"";position:absolute;top:-30%;right:-15%;width:70%;height:150%;
    background:radial-gradient(ellipse at center,rgba(27,42,74,.06),transparent 62%);}
#pv-index-logo .hero-bg::after{content:"";position:absolute;bottom:-40%;left:-10%;width:55%;height:120%;
    background:radial-gradient(ellipse at center,rgba(44,110,107,.05),transparent 60%);}
#pv-index-logo .hero-inner{position:relative;z-index:2}
#pv-index-logo .hero-symbol{position:absolute;top:12%;right:12%;
    width:min(46%,560px);z-index:0;opacity:.05;pointer-events:none;
    transform:rotate(-2deg);display:flex;align-items:center;justify-content:center}
#pv-index-logo .hero-symbol img{width:100%;height:auto;display:block}
#pv-index-logo .hero-symbol img{width:100%;height:auto;display:block}
#pv-index-logo .hero-symbol img{width:100%;height:auto;display:block}
#pv-index-logo .hero-symbol svg{width:100%;height:auto}
@media(max-width:900px){#pv-index-logo .hero-symbol{width:56%;right:4%;top:8%;bottom:auto;opacity:.045}}
@media(max-width:1100px) and (min-width:901px){#pv-index-logo .hero-symbol{top:10%;right:8%}}
#pv-index-logo .hero-eyebrow{font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:34px;display:flex;align-items:center;gap:14px}
#pv-index-logo .hero-eyebrow::before{content:"";width:38px;height:1px;background:var(--teal)}
#pv-index-logo .hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.4vw,70px);line-height:1.32;letter-spacing:.01em;margin-bottom:38px}
#pv-index-logo .hero h1 em{font-style:normal;color:var(--navy);position:relative;white-space:nowrap}
#pv-index-logo .hero h1 em::after{content:"";position:absolute;left:-2%;bottom:8%;width:104%;height:34%;
    background:linear-gradient(transparent 60%,rgba(44,110,107,.16) 0);z-index:-1;border-radius:2px}
#pv-index-logo .hero h1 .thin{font-weight:300;color:var(--gray)}
#pv-index-logo .hero-lead{font-size:17px;color:var(--gray);max-width:560px;line-height:2;margin-bottom:52px;font-weight:300}
#pv-index-logo .hero-actions{display:flex;gap:18px;flex-wrap:wrap}
#pv-index-logo .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-index-logo .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-index-logo .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-index-logo .btn-primary:hover::before{transform:translateX(120%)}
#pv-index-logo .btn-primary .arw{transition:transform .3s}
#pv-index-logo .btn-primary:hover .arw{transform:translateX(4px)}
#pv-index-logo .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-index-logo .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-index-logo .proof-grid{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2;align-items:stretch}
#pv-index-logo .proof-cell{background:linear-gradient(160deg,#fff,var(--paper-2));border:1px solid var(--gray-line);border-radius:6px;padding:36px 28px;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}
#pv-index-logo .proof-cell::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--teal),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}
#pv-index-logo .proof-cell:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-index-logo .proof-cell:hover::before{transform:scaleX(1)}
#pv-index-logo .proof-num{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4vw,56px);color:var(--navy);line-height:1;letter-spacing:.01em;display:flex;align-items:baseline;gap:4px}
#pv-index-logo .proof-num sup{font-size:.42em;color:var(--teal);font-weight:500;top:-.9em}
#pv-index-logo .proof-label{font-size:13px;color:var(--gray);margin-top:auto;padding-top:16px;letter-spacing:.04em;line-height:1.6}
#pv-index-logo .statement{padding:140px 0;background:linear-gradient(180deg,var(--paper),var(--paper-2));position:relative}
#pv-index-logo .statement::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gray-line) 30%,var(--gray-line) 70%,transparent)}
#pv-index-logo .statement-inner{max-width:860px}
#pv-index-logo .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:28px;display:flex;align-items:center;gap:12px}
#pv-index-logo .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-index-logo .statement h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,42px);line-height:1.6;letter-spacing:.01em;margin-bottom:36px}
#pv-index-logo .statement h2 mark{background:none;color:var(--navy);position:relative;padding-bottom:2px}
#pv-index-logo .statement h2 mark::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--teal)}
#pv-index-logo .statement p{font-size:16px;color:var(--gray);line-height:2.1;max-width:680px}
#pv-index-logo .services{padding:130px 0;background:linear-gradient(165deg,var(--ink),var(--navy-deep));color:var(--paper);position:relative;overflow:hidden}
#pv-index-logo .services::before{content:"";position:absolute;top:-20%;right:-10%;width:50%;height:140%;background:radial-gradient(ellipse at center,rgba(44,110,107,.16),transparent 60%);pointer-events:none}
#pv-index-logo .services .wrap{position:relative;z-index:2}
#pv-index-logo .services .sec-eyebrow{color:#7FB5B0}
#pv-index-logo .services .sec-eyebrow::before{background:#7FB5B0}
#pv-index-logo .services-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px;flex-wrap:wrap;gap:20px}
#pv-index-logo .services-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,46px);line-height:1.4}
#pv-index-logo .services-head p{color:#9AA3B2;font-size:15px;max-width:360px}
#pv-index-logo .svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#pv-index-logo .svc{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:48px 44px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s,background .4s;position:relative;overflow:hidden}
#pv-index-logo .svc::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(127,181,176,.06),transparent);transition:left .7s}
#pv-index-logo .svc:hover{transform:translateY(-6px);border-color:rgba(127,181,176,.35);box-shadow:0 20px 50px rgba(0,0,0,.3)}
#pv-index-logo .svc:hover::after{left:100%}
#pv-index-logo .svc-no{font-family:var(--serif);font-size:46px;color:rgba(255,255,255,.92);letter-spacing:.02em;line-height:1;font-weight:500;margin-bottom:20px;display:block}
#pv-index-logo .svc h3{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:18px;letter-spacing:.02em}
#pv-index-logo .svc p{color:#9AA3B2;font-size:14.5px;line-height:1.95;font-weight:300}
#pv-index-logo .svc-tags{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
#pv-index-logo .svc-tags span{font-size:12px;color:#7FB5B0;border:1px solid rgba(127,181,176,.3);padding:5px 13px;border-radius:20px;letter-spacing:.03em;transition:background .3s}
#pv-index-logo .svc:hover .svc-tags span{background:rgba(127,181,176,.1)}
#pv-index-logo .media{padding:130px 0;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#pv-index-logo .media-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;flex-wrap:wrap;gap:16px}
#pv-index-logo .media-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,40px)}
#pv-index-logo .media-link{font-size:14px;color:var(--teal);display:inline-flex;align-items:center;gap:8px;transition:gap .25s}
#pv-index-logo .media-link:hover{gap:14px}
#pv-index-logo .articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#pv-index-logo .art{background:#fff;border:1px solid var(--gray-line);border-radius:8px;padding:40px 32px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
#pv-index-logo .art::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:transform .4s}
#pv-index-logo .art:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-index-logo .art:hover::before{transform:scaleY(1)}
#pv-index-logo .art-cat{font-size:12px;color:var(--teal);letter-spacing:.08em;margin-bottom:20px;font-weight:500}
#pv-index-logo .art h3{font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.6;margin-bottom:24px;min-height:90px}
#pv-index-logo .art-meta{font-size:12px;color:var(--gray);letter-spacing:.04em}
#pv-index-logo .cta{padding:140px 0;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:var(--paper);position:relative;overflow:hidden}
#pv-index-logo .cta::before{content:"";position:absolute;top:-30%;right:-5%;width:50%;height:160%;background:radial-gradient(ellipse at center,rgba(44,110,107,.28),transparent 60%);pointer-events:none}
#pv-index-logo .cta::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 60% 60% at 80% 50%,black,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 80% 50%,black,transparent 75%)}
#pv-index-logo .cta-inner{position:relative;z-index:2;max-width:760px}
#pv-index-logo .cta h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,4vw,50px);line-height:1.45;margin-bottom:28px}
#pv-index-logo .cta p{color:#C4CCDA;font-size:16px;line-height:2;margin-bottom:46px;max-width:600px}
#pv-index-logo .cta-actions{display:flex;gap:18px;flex-wrap:wrap}
#pv-index-logo .cta .btn-primary{background:var(--paper);color:var(--navy)}
#pv-index-logo .cta .btn-primary:hover{background:#fff}
#pv-index-logo .cta .btn-ghost{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
#pv-index-logo .cta .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
#pv-index-logo footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-index-logo .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-index-logo .foot-brand .logo{color:var(--paper);margin-bottom:18px;display:inline-block}
#pv-index-logo .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-index-logo .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-index-logo .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-index-logo .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-index-logo .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-index-logo .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
@media(max-width:900px){#pv-index-logo .nav-links{display:none}
#pv-index-logo .menu-btn{display:block}
#pv-index-logo .proof-grid{grid-template-columns:repeat(2,1fr)}
#pv-index-logo .svc-grid{grid-template-columns:1fr}
#pv-index-logo .articles{grid-template-columns:1fr}}
@media(max-width:560px){#pv-index-logo .wrap{padding:0 22px}
#pv-index-logo .hero{padding:140px 0 70px}
#pv-index-logo .proof-grid{grid-template-columns:1fr}
#pv-index-logo .hero-actions, #pv-index-logo .cta-actions{flex-direction:column}
#pv-index-logo .btn-primary, #pv-index-logo .btn-ghost{justify-content:center}}
#pv-index-logo .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-index-logo .reveal.in{opacity:1;transform:none}
#pv-index-logo .reveal[data-delay="1"]{transition-delay:.08s}
#pv-index-logo .reveal[data-delay="2"]{transition-delay:.16s}
#pv-index-logo .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-index-logo .reveal{opacity:1;transform:none;transition:none}}
#pv-index-logo a.svc{display:block;text-decoration:none;color:inherit;cursor:pointer}
#pv-index-logo a.svc:hover{transform:translateY(-6px);border-color:rgba(127,181,176,.5);box-shadow:0 16px 40px rgba(0,0,0,.28)}
#pv-index-logo .svc-more{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:26px;padding:15px 22px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(127,181,176,.45);border-radius:8px;
    font-family:var(--serif);font-size:14.5px;color:#fff;letter-spacing:.04em;
    transition:background .28s,border-color .28s,transform .28s}
#pv-index-logo .svc-more .arw{transition:transform .3s;display:inline-block}
#pv-index-logo a.svc:hover .svc-more{background:#fff;border-color:#fff;color:var(--navy)}
#pv-index-logo a.svc:hover .svc-more .arw{transform:translateX(5px)}
#pv-index-logo .svc-more .arw{transition:transform .28s;font-size:16px;line-height:1}
#pv-index-logo .svc-links{margin-top:24px;display:flex;flex-direction:column;gap:8px}
#pv-index-logo .svc-link{display:flex;align-items:center;gap:10px;padding:13px 16px;
    background:rgba(255,255,255,.06);border:1px solid rgba(127,181,176,.45);border-radius:8px;
    text-decoration:none;transition:background .28s,border-color .28s,transform .28s;position:relative}
#pv-index-logo .svc-link:hover{background:#fff;border-color:#fff;transform:translateX(4px)}
#pv-index-logo .sl-name{font-family:var(--serif);font-size:14px;font-weight:500;color:#fff;
    letter-spacing:.01em;transition:color .28s;white-space:nowrap}
#pv-index-logo .sl-desc{font-size:11.5px;color:rgba(255,255,255,.62);transition:color .28s;white-space:nowrap}
#pv-index-logo .sl-arw{width:16px;height:12px;margin-left:auto;color:rgba(255,255,255,.75);flex-shrink:0;transition:all .28s}
#pv-index-logo .svc-link:hover .sl-name{color:var(--navy)}
#pv-index-logo .svc-link:hover .sl-desc{color:var(--gray)}
#pv-index-logo .svc-link:hover .sl-arw{color:var(--navy);transform:translateX(3px)}
@media(max-width:520px){#pv-index-logo .svc-link{padding:12px 14px;gap:8px;flex-wrap:wrap}
#pv-index-logo .sl-desc{width:100%;order:3}
#pv-index-logo .sl-arw{margin-left:auto}}
#pv-index-logo .svc-lead{margin-top:24px;margin-bottom:10px;font-size:11.5px;color:var(--gray);
    letter-spacing:.06em;display:flex;align-items:center;gap:8px}
#pv-index-logo .svc-lead::after{content:"";flex:1;height:1px;background:var(--gray-line)}
#pv-index-logo .svc-links{margin-top:0}
#pv-index-logo .svc-no::after{content:"";display:block;width:30px;height:2px;background:#7FB5B0;margin-top:14px;opacity:.75}
#pv-index-logo .svc-product{border-color:rgba(127,181,176,.4) !important;position:relative}
#pv-index-logo .svc-product::before{content:"";position:absolute;inset:0;border-radius:inherit;
    background:linear-gradient(140deg,rgba(127,181,176,.09),transparent 55%);pointer-events:none}
#pv-index-logo .svc-badge{display:inline-block;margin-left:10px;padding:4px 10px;border-radius:20px;
    background:rgba(127,181,176,.18);border:1px solid rgba(127,181,176,.42);
    font-family:var(--sans);font-size:10.5px;color:#9FCFCA;letter-spacing:.04em;vertical-align:middle;font-weight:400}
#pv-index-logo .nav-drop{position:relative;display:inline-flex;align-items:center}
#pv-index-logo .nav-drop-t{display:inline-flex;align-items:center;gap:5px}
#pv-index-logo .nav-caret{width:10px;height:7px;opacity:.6;transition:transform .28s}
#pv-index-logo .nav-drop:hover .nav-caret{transform:rotate(180deg)}
#pv-index-logo .nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    min-width:310px;background:#fff;border:1px solid var(--gray-line);border-radius:14px;
    box-shadow:0 18px 44px rgba(12,55,113,.14);padding:10px;display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,transform .26s,visibility .26s;z-index:60}
#pv-index-logo .nav-drop:hover .nav-menu, #pv-index-logo .nav-drop.open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
#pv-index-logo .nav-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px}
#pv-index-logo .nav-menu a{display:block;padding:12px 15px;border-radius:9px;transition:background .2s;text-decoration:none}
#pv-index-logo .nav-menu a:hover{background:var(--paper-2)}
#pv-index-logo .nav-menu a b{display:block;font-family:var(--serif);font-weight:500;font-size:13.5px;color:var(--navy);letter-spacing:.02em;margin-bottom:3px}
#pv-index-logo .nav-menu a i{display:block;font-style:normal;font-size:11.5px;color:var(--gray);line-height:1.5}
#pv-index-logo .nav-menu a.nav-menu-alt{margin-top:6px;padding-top:14px;border-top:1px solid var(--gray-line);border-radius:0 0 9px 9px}
#pv-index-logo .nav-menu a.nav-menu-alt b{color:var(--teal)}
@media(max-width:900px){#pv-index-logo .nav-drop{display:block;width:100%}
#pv-index-logo .nav-drop-t{width:100%;justify-content:space-between}
#pv-index-logo .nav-menu{position:static;transform:none;min-width:0;width:100%;box-shadow:none;border:none;
      background:transparent;padding:0 0 0 12px;max-height:0;overflow:hidden;
      opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s}
#pv-index-logo .nav-drop.open .nav-menu{max-height:520px;transform:none;margin-top:6px}
#pv-index-logo .nav-menu a{padding:10px 12px}}
#pv-index-logo section[id], #pv-index-logo .svc, #pv-index-logo .svc-grid{scroll-margin-top:96px}
@media(max-width:900px){#pv-index-logo .nav-links{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;
      background:var(--paper);flex-direction:column;align-items:stretch;gap:0;
      padding:96px 26px 40px;box-shadow:-8px 0 40px rgba(12,55,113,.16);
      transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);
      overflow-y:auto;z-index:120;display:flex}
#pv-index-logo .nav-links.open{transform:translateX(0)}
#pv-index-logo .nav-links > a, #pv-index-logo .nav-drop-t{padding:16px 4px;border-bottom:1px solid var(--gray-line);
      font-size:15px;color:var(--ink)}
#pv-index-logo .nav-links a::after{display:none}
#pv-index-logo .menu-btn{position:relative;z-index:130}
#pv-index-logo .nav-overlay{position:fixed;inset:0;background:rgba(12,55,113,.35);
      opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:110}
#pv-index-logo .nav-overlay.on{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}}
#pv-index-logo header .nav-links{margin-right:0}
#pv-index-logo .reveal.no-anim{opacity:1;transform:none;transition:none;transition-delay:0s}
#pv-index-logo .svc:not(a){transition:transform .4s,border-color .4s,box-shadow .4s}
#pv-index-logo .svc:not(a):hover{border-color:rgba(127,181,176,.5);box-shadow:0 16px 40px rgba(0,0,0,.28)}
#pv-index-logo .proof-num.proof-text{font-size:clamp(19px,1.7vw,23px);line-height:1.5;display:block;letter-spacing:.02em}

  :root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#16191F;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
  body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
  header,section,footer{position:relative;z-index:2}
  .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
  .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
  a{color:inherit;text-decoration:none}
  header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
  header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .logo-img{height:30px;width:auto;display:block}
  .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
  .nav-links a{color:var(--gray);transition:color .2s;position:relative}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
  .nav-links a:hover,.nav-links a.active{color:var(--ink)}
  .nav-links a:hover::after,.nav-links a.active::after{width:100%}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
  .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
  .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
  .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
  .btn-primary:hover::before{transform:translateX(120%)}
  .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
  .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
  .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
  .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
  footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
  .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
  .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
  .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
  .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
  .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
  .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
  .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
  .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
  .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
  @media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}}

  .sub-mv{padding:150px 0 70px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
  .sub-mv::before{content:"";position:absolute;top:-20%;right:-8%;width:46%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.05),transparent 62%);pointer-events:none}
  .breadcrumb{font-size:12px;color:var(--gray);letter-spacing:.06em;margin-bottom:32px}
  .breadcrumb a:hover{color:var(--ink)}.breadcrumb .sep{margin:0 10px;color:var(--gray-line)}
  .sub-mv__en{font-family:var(--serif);font-size:14px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:20px}
  .sub-mv__ja{font-family:var(--serif);font-weight:400;font-size:clamp(28px,4vw,48px);line-height:1.45;letter-spacing:.01em;margin-bottom:30px;max-width:900px}
  .sub-mv__text{font-size:15.5px;color:var(--gray);line-height:2.05;max-width:760px}
  /* page nav */
  .pnav{border-top:1px solid var(--gray-line);border-bottom:1px solid var(--gray-line);background:rgba(251,250,248,.9);backdrop-filter:blur(10px);position:sticky;top:74px;z-index:50}
  .pnav .wrap{display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
  .pnav a{font-size:13px;color:var(--gray);padding:8px 20px;border-radius:30px;transition:all .25s}
  .pnav a:hover{background:var(--navy);color:#fff}
  /* section common */
  .sec{padding:110px 0}
  .sec-alt{background:linear-gradient(180deg,var(--paper-2),var(--paper))}
  .sec-title{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.2vw,38px);line-height:1.5;text-align:center;margin-bottom:24px}
  .sec-lead{font-size:15.5px;color:var(--gray);line-height:2.05;text-align:center;max-width:800px;margin:0 auto 60px}
  .prose{font-size:15.5px;color:#2A2E36;line-height:2.1;max-width:820px;margin:0 auto}
  .prose p{margin-bottom:24px}
  .prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
  /* problems */
  .problems{max-width:900px;margin:56px auto 0}
  .problems h3{font-family:var(--serif);font-weight:500;font-size:22px;text-align:center;margin-bottom:36px}
  .prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .prob{display:flex;gap:20px;padding:30px 28px;background:#fff;border:1px solid var(--gray-line);border-radius:10px;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s}
  .prob:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .prob .pn{font-family:var(--serif);font-size:32px;color:var(--gray-line);line-height:1;flex-shrink:0}
  .prob p{font-size:14.5px;line-height:1.85;color:var(--ink)}
  /* feature box */
  .feat-box{max-width:900px;margin:64px auto 0;padding:48px 50px;background:linear-gradient(135deg,var(--navy),var(--navy-deep));border-radius:14px;color:var(--paper);position:relative;overflow:hidden}
  .feat-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 40%,black,transparent);mask-image:radial-gradient(ellipse 70% 80% at 80% 40%,black,transparent)}
  .feat-box h3{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:24px;position:relative;z-index:2}
  .feat-box h3 .lg{color:#7FB5B0}
  .feat-box p{font-size:15px;line-height:2.05;color:#D6DCE6;position:relative;z-index:2}
  /* 3 steps */
  .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}
  .step3{background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:40px 34px;box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
  .step3:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
  .step3 .s3n{font-family:var(--serif);font-size:13px;color:var(--teal);letter-spacing:.1em;margin-bottom:22px}
  .step3 h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:18px}
  .step3 p{font-size:14px;color:var(--gray);line-height:1.95}
  /* reasons */
  .reasons{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:60px}
  .reason{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start}
  .reason .rpoint{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--teal);text-align:center;line-height:1.5;white-space:nowrap}
  .reason .rpoint b{display:block;font-size:44px;color:var(--navy);line-height:.95;margin-top:6px;font-weight:500}
  .reason h3{font-family:var(--serif);font-weight:500;font-size:23px;margin-bottom:18px;line-height:1.5}
  .reason p{font-size:15px;color:var(--gray);line-height:2.05}
  /* cases slider (simplified grid) */
  .cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto}
  .case{background:#fff;border:1px solid var(--gray-line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
  .case:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
  .case__img{aspect-ratio:16/9;background:linear-gradient(150deg,var(--navy),var(--navy-deep));position:relative;overflow:hidden}
  .case__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .case__img:not(.has-photo)::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 65% 35%,black,transparent);mask-image:radial-gradient(ellipse 70% 70% at 65% 35%,black,transparent)}
  .case__body{padding:30px 30px 34px}
  .case__title{font-family:var(--serif);font-weight:500;font-size:17px;line-height:1.6;margin-bottom:22px}
  .case__sub{font-size:11px;letter-spacing:.08em;color:var(--teal);font-weight:500;margin-bottom:8px}
  .case__text{font-size:13px;color:var(--gray);line-height:1.85;margin-bottom:18px}
  .case__link{font-size:13px;color:var(--navy);display:inline-flex;gap:7px;transition:gap .25s}
  .case:hover .case__link{gap:12px}
  /* flow */
  .flow{max-width:820px;margin:0 auto;position:relative}
  .flow::before{content:"";position:absolute;left:35px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--teal),var(--navy));opacity:.3}
  .flow-item{display:grid;grid-template-columns:56px 1fr;gap:28px;margin-bottom:40px;position:relative}
  .flow-item:last-child{margin-bottom:0}
  .flow-num{width:72px;height:72px;border-radius:50%;background:#fff;border:2px solid var(--navy);color:var(--navy);font-family:var(--serif);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:var(--shadow-md);flex-shrink:0}
  .flow-num .stp{font-size:9px;letter-spacing:.1em;color:var(--teal);line-height:1}
  .flow-num .no{font-size:24px;line-height:1;margin-top:2px;font-weight:500}
  .flow-body{padding-top:6px}
  .flow-body h3{font-family:var(--serif);font-weight:500;font-size:19px;margin-bottom:12px}
  .flow-body p{font-size:14.5px;color:var(--gray);line-height:1.95}
  /* faq */
  .faq{max-width:820px;margin:0 auto}
  .faq-item{border:1px solid var(--gray-line);border-radius:10px;margin-bottom:14px;overflow:hidden;background:#fff;transition:box-shadow .3s}
  .faq-item.open{box-shadow:var(--shadow-md)}
  .faq-q{padding:24px 28px;font-family:var(--serif);font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;line-height:1.6}
  .faq-q .qi{flex-shrink:0;width:22px;height:22px;position:relative;transition:transform .3s}
  .faq-q .qi::before,.faq-q .qi::after{content:"";position:absolute;background:var(--teal);top:50%;left:50%;transform:translate(-50%,-50%)}
  .faq-q .qi::before{width:14px;height:2px}
  .faq-q .qi::after{width:2px;height:14px;transition:transform .3s}
  .faq-item.open .qi::after{transform:translate(-50%,-50%) scaleY(0)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
  .faq-a-inner{padding:0 28px 26px;font-size:14.5px;color:var(--gray);line-height:2}
  /* contact cta */
  .contact-cta{padding:110px 0;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:var(--paper);position:relative;overflow:hidden;text-align:center}
  .contact-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%)}
  .contact-cta .cc-inner{position:relative;z-index:2}
  .contact-cta .cc-label{font-family:var(--serif);font-size:clamp(30px,4vw,50px);letter-spacing:.08em;margin-bottom:36px;font-weight:300}
  .contact-cta .cc-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
  .contact-cta .cc-btn{padding:16px 44px;border-radius:3px;font-size:15px;letter-spacing:.04em;transition:all .3s;border:1px solid rgba(255,255,255,.4);color:#fff}
  .contact-cta .cc-btn:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
  .contact-cta .cc-btn.primary{background:var(--paper);color:var(--navy);border-color:transparent}
  .contact-cta .cc-btn.primary:hover{background:#fff}
  .contact-cta .cc-btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
  .contact-cta .cc-btn.outline:hover{background:rgba(255,255,255,.12);color:#fff}
  @media(max-width:900px){.prob-grid,.steps3,.cases{grid-template-columns:1fr}.reason{grid-template-columns:1fr;gap:16px}}
  @media(max-width:560px){.wrap{padding:0 22px}.sub-mv{padding:120px 0 50px}.feat-box{padding:32px 26px}.contact-cta .cc-btns{flex-direction:column}}


  .foot-legal{display:flex;gap:18px}
  .foot-legal a{color:inherit;opacity:.75;text-decoration:none;transition:opacity .2s}
  .foot-legal a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
  @media(max-width:640px){.foot-bottom{flex-direction:column;align-items:flex-start;gap:10px}}

  /* ===== サービス ドロップダウン ===== */
  .nav-drop{position:relative;display:inline-flex;align-items:center}
  .nav-drop-t{display:inline-flex;align-items:center;gap:5px}
  .nav-caret{width:10px;height:7px;opacity:.6;transition:transform .28s}
  .nav-drop:hover .nav-caret{transform:rotate(180deg)}
  .nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    min-width:310px;background:#fff;border:1px solid var(--gray-line);border-radius:14px;
    box-shadow:0 18px 44px rgba(12,55,113,.14);padding:10px;display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,transform .26s,visibility .26s;z-index:60}
  .nav-drop:hover .nav-menu,.nav-drop.open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
  .nav-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px}
  .nav-menu a{display:block;padding:12px 15px;border-radius:9px;transition:background .2s;text-decoration:none}
  .nav-menu a:hover{background:var(--paper-2)}
  .nav-menu a b{display:block;font-family:var(--serif);font-weight:500;font-size:13.5px;color:var(--navy);letter-spacing:.02em;margin-bottom:3px}
  .nav-menu a i{display:block;font-style:normal;font-size:11.5px;color:var(--gray);line-height:1.5}
  .nav-menu a.nav-menu-alt{margin-top:6px;padding-top:14px;border-top:1px solid var(--gray-line);border-radius:0 0 9px 9px}
  .nav-menu a.nav-menu-alt b{color:var(--teal)}
  @media(max-width:900px){
    .nav-drop{display:block;width:100%}
    .nav-drop-t{width:100%;justify-content:space-between}
    .nav-menu{position:static;transform:none;min-width:0;width:100%;box-shadow:none;border:none;
      background:transparent;padding:0 0 0 12px;max-height:0;overflow:hidden;
      opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s}
    .nav-drop.open .nav-menu{max-height:520px;transform:none;margin-top:6px}
    .nav-menu a{padding:10px 12px}
  }

  /* ===== ヘッダーCTA（お問い合わせ） ===== */
  .nav-cta{background:var(--navy);color:#fff !important;padding:11px 22px;border-radius:4px;
    font-size:13px;letter-spacing:.03em;transition:all .3s;white-space:nowrap;
    box-shadow:0 4px 14px rgba(12,55,113,.18)}
  .nav-cta:hover{background:var(--navy-deep);transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(12,55,113,.26)}
  .nav-cta::after{display:none !important}
  @media(max-width:1180px){
    .nav-links{gap:20px}
    .nav-cta{padding:10px 16px;font-size:12.5px}
  }
  @media(max-width:900px){
    .nav-cta{width:100%;text-align:center;margin-top:8px;padding:14px 20px;font-size:14px}
  }

  /* ===== モバイルメニュー ===== */
  @media(max-width:900px){
    .nav-links{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;
      background:var(--paper);flex-direction:column;align-items:stretch;gap:0;
      padding:96px 26px 40px;box-shadow:-8px 0 40px rgba(12,55,113,.16);
      transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);
      overflow-y:auto;z-index:120;display:flex}
    .nav-links.open{transform:translateX(0)}
    .nav-links > a,.nav-drop-t{padding:16px 4px;border-bottom:1px solid var(--gray-line);
      font-size:15px;color:var(--ink)}
    .nav-links a::after{display:none}
    .menu-btn{position:relative;z-index:130}
    .nav-overlay{position:fixed;inset:0;background:rgba(12,55,113,.35);
      opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:110}
    .nav-overlay.on{opacity:1;visibility:visible}
    body.nav-open{overflow:hidden}
  }

  /* ナビ右端を画面端に寄せる */
  header .nav-links{margin-right:0}

  /* ===== ファーストビューは演出なしで即表示 ===== */
  .reveal.no-anim{opacity:1;transform:none;transition:none;transition-delay:0s}

:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-service-marketing header, #pv-service-marketing section, #pv-service-marketing footer{position:relative;z-index:2}
#pv-service-marketing .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-service-marketing .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-service-marketing a{color:inherit;text-decoration:none}
#pv-service-marketing header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-service-marketing header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-service-marketing .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-service-marketing .logo-img{height:30px;width:auto;display:block}
#pv-service-marketing .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-service-marketing .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-service-marketing .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-service-marketing .nav-links a:hover, #pv-service-marketing .nav-links a.active{color:var(--ink)}
#pv-service-marketing .nav-links a:hover::after, #pv-service-marketing .nav-links a.active::after{width:100%}
#pv-service-marketing .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-service-marketing .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-service-marketing .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-service-marketing .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-service-marketing .btn-primary:hover::before{transform:translateX(120%)}
#pv-service-marketing .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-service-marketing .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-service-marketing .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-service-marketing .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-service-marketing footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-service-marketing .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-service-marketing .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-service-marketing .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-service-marketing .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-service-marketing .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-service-marketing .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-service-marketing .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-service-marketing .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-service-marketing .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-service-marketing .reveal.in{opacity:1;transform:none}
#pv-service-marketing .reveal[data-delay="1"]{transition-delay:.08s}
#pv-service-marketing .reveal[data-delay="2"]{transition-delay:.16s}
#pv-service-marketing .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-service-marketing .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-service-marketing .nav-links{display:none}
#pv-service-marketing .menu-btn{display:block}}
@media(max-width:640px){#pv-service-marketing .p-hero .cta-row, #pv-service-marketing .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-service-marketing .p-hero .cta-row a, #pv-service-marketing .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-service-marketing .contact-cta .cc-btn.primary, #pv-service-marketing .contact-cta .cc-btn.primary:hover, #pv-service-marketing .contact-cta .cc-btn.primary:focus, #pv-service-marketing .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-service-marketing .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-service-marketing .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-service-marketing .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-service-marketing .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-service-marketing .cases{align-items:stretch}
#pv-service-marketing .case{display:flex;flex-direction:column;height:100%}
#pv-service-marketing .case__body{display:flex;flex-direction:column;flex:1}
#pv-service-marketing .case__text{flex:1}
#pv-service-marketing .case__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:20px;padding:14px 20px;
    background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14px;letter-spacing:.03em;
    transition:background .3s,transform .3s}
#pv-service-marketing .case:hover .case__link{background:var(--navy-deep);transform:translateY(-1px)}
#pv-service-marketing .case__link::after{content:"→";transition:transform .3s;font-size:15px}
#pv-service-marketing .case:hover .case__link::after{transform:translateX(4px)}
#pv-service-marketing .fig-img{width:100%;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--gray-line)}
#pv-service-marketing .fig-img img{width:100%;height:auto;display:block}
#pv-service-marketing .fig-img.on-navy{background:transparent;border-color:rgba(255,255,255,.2)}
#pv-service-marketing .img-ph{width:100%;aspect-ratio:16/10;border-radius:14px;background:repeating-linear-gradient(135deg,#EEECE6,#EEECE6 12px,#E8E5DE 12px,#E8E5DE 24px);border:1px dashed var(--gray-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8A8478;text-align:center;padding:30px}
#pv-service-marketing .img-ph .ico{width:44px;height:44px;opacity:.5}
#pv-service-marketing .img-ph .t{font-size:16px;letter-spacing:.02em;font-weight:500;color:var(--navy)}
#pv-service-marketing .img-ph .s{font-size:14.5px;color:var(--gray);line-height:1.95;max-width:92%}
#pv-service-marketing .p-hero{padding:160px 0 90px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-service-marketing .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-service-marketing .p-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(12,55,113,.03) 1px,transparent 1px);background-size:100% 34px;opacity:.5;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 40%,transparent)}
#pv-service-marketing .p-hero .wrap{position:relative}
#pv-service-marketing .p-hero .breadcrumb{margin-bottom:34px}
#pv-service-marketing .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:26px}
#pv-service-marketing .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,5vw,58px);line-height:1.32;letter-spacing:.01em;margin-bottom:34px;max-width:15em}
#pv-service-marketing .p-hero h1 .u{background:linear-gradient(transparent 68%,rgba(44,110,107,.22) 0);padding:0 .05em}
#pv-service-marketing .p-hero .lead{font-size:16px;color:var(--gray);line-height:2.1;max-width:720px;margin-bottom:44px}
#pv-service-marketing .p-hero .cta-row{display:flex;gap:16px;flex-wrap:wrap}
#pv-service-marketing .p-hero .cta-row + .cta-row{margin-top:28px}
#pv-service-marketing .split{max-width:1060px;margin:0 auto}
#pv-service-marketing .split-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch}
#pv-service-marketing .split-col{border-radius:18px;padding:36px 30px;display:flex;flex-direction:column}
#pv-service-marketing .split-before{background:#fff;border:1px solid var(--gray-line)}
#pv-service-marketing .split-after{background:linear-gradient(158deg,var(--navy),var(--navy-deep));box-shadow:var(--shadow-lg)}
#pv-service-marketing .split-col .cap{font-size:11px;letter-spacing:.16em;font-weight:500;margin-bottom:18px}
#pv-service-marketing .split-before .cap{color:var(--gray)}
#pv-service-marketing .split-after .cap{color:var(--teal-light)}
#pv-service-marketing .split-col h3{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.55;margin-bottom:26px}
#pv-service-marketing .split-after h3{color:#fff}
#pv-service-marketing .split-fig{flex:1;display:flex;align-items:center;justify-content:center}
#pv-service-marketing .split-fig svg{width:100%;height:auto;display:block;overflow:visible}
#pv-service-marketing .split-col .sdesc{font-size:12px;line-height:1.9;margin-top:26px}
#pv-service-marketing .split-before .sdesc{color:var(--gray)}
#pv-service-marketing .split-after .sdesc{color:rgba(255,255,255,.82)}
#pv-service-marketing .split-mid{display:flex;align-items:center;justify-content:center}
#pv-service-marketing .split-note{text-align:center;font-size:13px;color:var(--gray);margin-top:34px;line-height:1.9}
@media(max-width:820px){#pv-service-marketing .split-grid{grid-template-columns:1fr;gap:16px}
#pv-service-marketing .split-mid{transform:rotate(90deg);padding:6px 0}}
#pv-service-marketing .flowline{position:relative;max-width:1000px;margin:0 auto}
#pv-service-marketing .flowline::before{content:"";position:absolute;left:38px;top:40px;bottom:40px;width:2px;background:linear-gradient(var(--teal),var(--navy));opacity:.3}
#pv-service-marketing .fl-step{position:relative;display:grid;grid-template-columns:80px 1fr;gap:28px;padding:24px 0}
#pv-service-marketing .fl-num{width:80px;height:80px;border-radius:50%;background:#fff;border:2px solid var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:var(--shadow-md)}
#pv-service-marketing .fl-num .en{font-family:var(--serif);font-size:10px;letter-spacing:.1em;color:var(--teal)}
#pv-service-marketing .fl-num .no{font-family:var(--serif);font-size:26px;color:var(--navy);line-height:1}
#pv-service-marketing .fl-body{padding-top:8px}
#pv-service-marketing .fl-body h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:14px}
#pv-service-marketing .fl-body p{font-size:14px;color:var(--gray);line-height:1.95;max-width:680px}
#pv-service-marketing .why{display:flex;flex-direction:column;gap:22px;max-width:960px;margin:0 auto}
#pv-service-marketing .why-card{display:grid;grid-template-columns:auto 1fr;gap:36px;background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:44px;box-shadow:var(--shadow-sm);transition:box-shadow .4s,transform .4s;align-items:start}
#pv-service-marketing .why-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
#pv-service-marketing .why-no{font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:var(--teal)}
#pv-service-marketing .why-no b{display:block;font-size:52px;color:var(--navy);line-height:.9;margin-top:8px;font-weight:500}
#pv-service-marketing .why-card h3{font-family:var(--serif);font-weight:500;font-size:23px;margin-bottom:18px;line-height:1.45}
#pv-service-marketing .why-card p{font-size:14.5px;color:var(--gray);line-height:2}
#pv-service-marketing .why-card .kw{color:var(--navy);font-weight:500;border-bottom:2px solid rgba(44,110,107,.3)}
@media(max-width:680px){#pv-service-marketing .why-card{grid-template-columns:1fr;gap:18px;padding:32px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-service-hubspot header, #pv-service-hubspot section, #pv-service-hubspot footer{position:relative;z-index:2}
#pv-service-hubspot .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-service-hubspot .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-service-hubspot a{color:inherit;text-decoration:none}
#pv-service-hubspot header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-service-hubspot header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-service-hubspot .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-service-hubspot .logo-img{height:30px;width:auto;display:block}
#pv-service-hubspot .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-service-hubspot .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-service-hubspot .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-service-hubspot .nav-links a:hover, #pv-service-hubspot .nav-links a.active{color:var(--ink)}
#pv-service-hubspot .nav-links a:hover::after, #pv-service-hubspot .nav-links a.active::after{width:100%}
#pv-service-hubspot .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-service-hubspot .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-service-hubspot .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-service-hubspot .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-service-hubspot .btn-primary:hover::before{transform:translateX(120%)}
#pv-service-hubspot .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-service-hubspot .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-service-hubspot .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-service-hubspot .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-service-hubspot footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-service-hubspot .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-service-hubspot .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-service-hubspot .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-service-hubspot .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-service-hubspot .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-service-hubspot .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-service-hubspot .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-service-hubspot .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-service-hubspot .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-service-hubspot .reveal.in{opacity:1;transform:none}
#pv-service-hubspot .reveal[data-delay="1"]{transition-delay:.08s}
#pv-service-hubspot .reveal[data-delay="2"]{transition-delay:.16s}
#pv-service-hubspot .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-service-hubspot .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-service-hubspot .nav-links{display:none}
#pv-service-hubspot .menu-btn{display:block}}
@media(max-width:640px){#pv-service-hubspot .p-hero .cta-row, #pv-service-hubspot .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-service-hubspot .p-hero .cta-row a, #pv-service-hubspot .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-service-hubspot .contact-cta .cc-btn.primary, #pv-service-hubspot .contact-cta .cc-btn.primary:hover, #pv-service-hubspot .contact-cta .cc-btn.primary:focus, #pv-service-hubspot .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-service-hubspot .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-service-hubspot .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-service-hubspot .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-service-hubspot .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-service-hubspot .cases{align-items:stretch}
#pv-service-hubspot .case{display:flex;flex-direction:column;height:100%}
#pv-service-hubspot .case__body{display:flex;flex-direction:column;flex:1}
#pv-service-hubspot .case__text{flex:1}
#pv-service-hubspot .case__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:20px;padding:14px 20px;
    background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14px;letter-spacing:.03em;
    transition:background .3s,transform .3s}
#pv-service-hubspot .case:hover .case__link{background:var(--navy-deep);transform:translateY(-1px)}
#pv-service-hubspot .case__link::after{content:"→";transition:transform .3s;font-size:15px}
#pv-service-hubspot .case:hover .case__link::after{transform:translateX(4px)}
#pv-service-hubspot .fig-img{width:100%;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--gray-line)}
#pv-service-hubspot .fig-img img{width:100%;height:auto;display:block}
#pv-service-hubspot .img-ph{width:100%;aspect-ratio:16/9;border-radius:14px;background:repeating-linear-gradient(135deg,#EEECE6,#EEECE6 12px,#E8E5DE 12px,#E8E5DE 24px);border:1px dashed var(--gray-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8A8478;text-align:center;padding:30px;margin:0 auto;max-width:760px}
#pv-service-hubspot .img-ph .ico{width:44px;height:44px;opacity:.5}
#pv-service-hubspot .img-ph .t{font-size:16px;letter-spacing:.02em;font-weight:500;color:var(--navy)}
#pv-service-hubspot .img-ph .s{font-size:14.5px;color:var(--gray);line-height:1.95;max-width:92%}
#pv-service-hubspot .p-hero{padding:160px 0 84px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-service-hubspot .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-service-hubspot .p-hero .wrap{position:relative}
#pv-service-hubspot .p-hero .breadcrumb{margin-bottom:34px}
#pv-service-hubspot .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:26px}
#pv-service-hubspot .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.6vw,54px);line-height:1.34;letter-spacing:.01em;margin-bottom:34px;max-width:16em}
#pv-service-hubspot .p-hero h1 .u{background:linear-gradient(transparent 66%,rgba(197,90,90,.22) 0);padding:0 .05em}
#pv-service-hubspot .p-hero .lead{font-size:16px;color:var(--gray);line-height:2.1;max-width:720px;margin-bottom:44px}
#pv-service-hubspot .p-hero .cta-row{display:flex;gap:16px;flex-wrap:wrap}
#pv-service-hubspot .cac{max-width:900px;margin:0 auto}
#pv-service-hubspot .cac-eq{display:flex;align-items:center;justify-content:center;gap:26px;background:#fff;border:1px solid var(--gray-line);border-radius:18px;padding:48px 40px;box-shadow:var(--shadow-md);flex-wrap:wrap}
#pv-service-hubspot .cac-eq .lab{font-family:var(--serif);font-size:22px;color:var(--navy)}
#pv-service-hubspot .cac-eq .frac{display:inline-flex;flex-direction:column;align-items:center;text-align:center}
#pv-service-hubspot .cac-eq .frac .top{padding:0 22px 14px;border-bottom:2px solid var(--ink);font-size:15px;color:var(--ink);position:relative}
#pv-service-hubspot .cac-eq .frac .bot{padding:14px 22px 0;font-size:15px;color:var(--ink)}
#pv-service-hubspot .cac-eq .frac .tag{display:block;font-size:11px;color:var(--gray);margin-top:6px;letter-spacing:.04em}
#pv-service-hubspot .cac-eq .eqmark{font-size:26px;color:var(--gray)}
#pv-service-hubspot .cac-arrow-up{color:var(--navy);font-weight:600}
#pv-service-hubspot .cac-note{text-align:center;font-size:14px;color:var(--gray);line-height:2;margin-top:26px;max-width:720px;margin-left:auto;margin-right:auto}
#pv-service-hubspot .cac-note b{color:var(--navy)}
#pv-service-hubspot .spiral{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:840px;margin:40px auto 0}
#pv-service-hubspot .spiral .sp{background:var(--paper-2);border:1px solid var(--gray-line);border-radius:12px;padding:30px 28px}
#pv-service-hubspot .spiral .sp .num{font-family:var(--serif);font-size:44px;color:var(--navy);line-height:1;font-weight:500;margin-bottom:12px}
#pv-service-hubspot .spiral .sp h4{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--ink);margin-bottom:10px}
#pv-service-hubspot .spiral .sp p{font-size:14.5px;color:var(--gray);line-height:1.9}
@media(max-width:760px){#pv-service-hubspot .spiral{grid-template-columns:1fr}}
#pv-service-hubspot .levers{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
#pv-service-hubspot .lever{display:grid;grid-template-columns:auto 1fr;gap:32px;background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s;align-items:center}
#pv-service-hubspot .lever:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#pv-service-hubspot .lever-vis{width:120px;text-align:center}
#pv-service-hubspot .lever-vis .ln-label{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--teal)}
#pv-service-hubspot .lever-vis .ln{font-family:var(--serif);font-size:48px;color:var(--navy);line-height:.95;margin-top:6px;font-weight:500}
#pv-service-hubspot .lever-body h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:14px;line-height:1.5}
#pv-service-hubspot .lever-body p{font-size:14px;color:var(--gray);line-height:1.95}
@media(max-width:680px){#pv-service-hubspot .lever{grid-template-columns:1fr;gap:20px;padding:30px}
#pv-service-hubspot .lever-vis{width:auto}}
#pv-service-hubspot .neutral{max-width:900px;margin:0 auto;background:linear-gradient(155deg,var(--navy),var(--navy-deep));border-radius:20px;padding:56px 50px;color:#fff;position:relative;overflow:hidden}
#pv-service-hubspot .neutral::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px}
#pv-service-hubspot .neutral>*{position:relative}
#pv-service-hubspot .neutral .nlabel{font-family:var(--serif);font-size:13px;letter-spacing:.1em;color:var(--teal-light);margin-bottom:20px}
#pv-service-hubspot .neutral h3{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.5;margin-bottom:24px}
#pv-service-hubspot .neutral p{font-size:14.5px;color:rgba(255,255,255,.85);line-height:2}
#pv-service-hubspot .neutral .stmt{display:inline-block;font-family:var(--serif);font-size:16px;color:#fff;border-left:2px solid var(--teal-light);padding-left:18px;margin-top:24px;line-height:1.8}
#pv-service-hubspot .why2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:44px auto 0}
#pv-service-hubspot .why2 .w{background:#fff;border:1px solid var(--gray-line);border-radius:14px;padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-service-hubspot .why2 .w:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
#pv-service-hubspot .why2 .w .wn{font-family:var(--serif);font-size:12px;color:var(--teal);letter-spacing:.1em;margin-bottom:14px}
#pv-service-hubspot .why2 .w h4{font-family:var(--serif);font-weight:500;font-size:17px;margin-bottom:14px;line-height:1.5}
#pv-service-hubspot .why2 .w p{font-size:13px;color:var(--gray);line-height:1.9}
@media(max-width:760px){#pv-service-hubspot .why2{grid-template-columns:1fr}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-service-account-engagement header, #pv-service-account-engagement section, #pv-service-account-engagement footer{position:relative;z-index:2}
#pv-service-account-engagement .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-service-account-engagement .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-service-account-engagement a{color:inherit;text-decoration:none}
#pv-service-account-engagement header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-service-account-engagement header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-service-account-engagement .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-service-account-engagement .logo-img{height:30px;width:auto;display:block}
#pv-service-account-engagement .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-service-account-engagement .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-service-account-engagement .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-service-account-engagement .nav-links a:hover, #pv-service-account-engagement .nav-links a.active{color:var(--ink)}
#pv-service-account-engagement .nav-links a:hover::after, #pv-service-account-engagement .nav-links a.active::after{width:100%}
#pv-service-account-engagement .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-service-account-engagement .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-service-account-engagement .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-service-account-engagement .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-service-account-engagement .btn-primary:hover::before{transform:translateX(120%)}
#pv-service-account-engagement .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-service-account-engagement .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-service-account-engagement .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-service-account-engagement .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-service-account-engagement footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-service-account-engagement .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-service-account-engagement .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-service-account-engagement .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-service-account-engagement .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-service-account-engagement .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-service-account-engagement .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-service-account-engagement .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-service-account-engagement .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-service-account-engagement .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-service-account-engagement .reveal.in{opacity:1;transform:none}
#pv-service-account-engagement .reveal[data-delay="1"]{transition-delay:.08s}
#pv-service-account-engagement .reveal[data-delay="2"]{transition-delay:.16s}
#pv-service-account-engagement .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-service-account-engagement .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-service-account-engagement .nav-links{display:none}
#pv-service-account-engagement .menu-btn{display:block}}
@media(max-width:640px){#pv-service-account-engagement .p-hero .cta-row, #pv-service-account-engagement .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-service-account-engagement .p-hero .cta-row a, #pv-service-account-engagement .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-service-account-engagement .contact-cta .cc-btn.primary, #pv-service-account-engagement .contact-cta .cc-btn.primary:hover, #pv-service-account-engagement .contact-cta .cc-btn.primary:focus, #pv-service-account-engagement .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-service-account-engagement .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-service-account-engagement .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-service-account-engagement .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-service-account-engagement .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-service-account-engagement .cases{align-items:stretch}
#pv-service-account-engagement .case{display:flex;flex-direction:column;height:100%}
#pv-service-account-engagement .case__body{display:flex;flex-direction:column;flex:1}
#pv-service-account-engagement .case__text{flex:1}
#pv-service-account-engagement .case__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:20px;padding:14px 20px;
    background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14px;letter-spacing:.03em;
    transition:background .3s,transform .3s}
#pv-service-account-engagement .case:hover .case__link{background:var(--navy-deep);transform:translateY(-1px)}
#pv-service-account-engagement .case__link::after{content:"→";transition:transform .3s;font-size:15px}
#pv-service-account-engagement .case:hover .case__link::after{transform:translateX(4px)}
#pv-service-account-engagement .img-ph{width:100%;max-width:640px;margin:0 auto;aspect-ratio:1.15/1;border-radius:16px;background:repeating-linear-gradient(135deg,#EEECE6,#EEECE6 12px,#E8E5DE 12px,#E8E5DE 24px);border:1px dashed var(--gray-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8A8478;text-align:center;padding:30px}
#pv-service-account-engagement .img-ph .ico{width:44px;height:44px;opacity:.5}
#pv-service-account-engagement .img-ph .t{font-size:16px;letter-spacing:.02em;font-weight:500;color:var(--navy)}
#pv-service-account-engagement .img-ph .s{font-size:14.5px;color:var(--gray);line-height:1.95;max-width:92%}
#pv-service-account-engagement .fig-img{width:100%;border-radius:16px;overflow:hidden;background:var(--paper);border:1px solid var(--gray-line)}
#pv-service-account-engagement .fig-img img{width:100%;height:auto;display:block}
#pv-service-account-engagement .fig-img.on-navy{background:transparent;border-color:rgba(255,255,255,.2)}
#pv-service-account-engagement .p-hero{padding:160px 0 84px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-service-account-engagement .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-service-account-engagement .p-hero .wrap{position:relative}
#pv-service-account-engagement .p-hero .breadcrumb{margin-bottom:34px}
#pv-service-account-engagement .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:26px}
#pv-service-account-engagement .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.6vw,54px);line-height:1.34;letter-spacing:.01em;margin-bottom:34px;max-width:16em}
#pv-service-account-engagement .p-hero h1 .u{background:linear-gradient(transparent 66%,rgba(44,110,107,.2) 0);padding:0 .05em}
#pv-service-account-engagement .p-hero .lead{font-size:16px;color:var(--gray);line-height:2.1;max-width:720px;margin-bottom:44px}
#pv-service-account-engagement .p-hero .cta-row{display:flex;gap:16px;flex-wrap:wrap}
#pv-service-account-engagement .matrixbig{max-width:720px;margin:0 auto}
#pv-service-account-engagement .mb-frame{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px;box-shadow:var(--shadow-md)}
#pv-service-account-engagement .mb-plot{display:grid;grid-template-columns:44px 1fr 1fr;grid-template-rows:1fr 1fr 44px;gap:12px;aspect-ratio:1.15/1}
#pv-service-account-engagement .mb-ylab{grid-row:1/3;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:12px;letter-spacing:.1em;color:var(--navy);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
#pv-service-account-engagement .mb-xlab{grid-row:3;grid-column:2/4;text-align:center;font-size:12px;letter-spacing:.1em;color:var(--navy);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
#pv-service-account-engagement .mb-cell{border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
#pv-service-account-engagement .mb-cell .ct{font-family:var(--serif);font-size:16px;margin-bottom:6px}
#pv-service-account-engagement .mb-cell .cd{font-size:11.5px;line-height:1.6}
#pv-service-account-engagement .mb-hot{background:linear-gradient(140deg,var(--navy),var(--navy-deep));color:#fff;box-shadow:var(--shadow-md)}
#pv-service-account-engagement .mb-hot .cd{color:rgba(255,255,255,.82)}
#pv-service-account-engagement .mb-mid{background:var(--paper-2);border:1px solid var(--gray-line);color:var(--ink)}
#pv-service-account-engagement .mb-mid .cd{color:var(--gray)}
#pv-service-account-engagement .mb-low{background:#fff;border:1px dashed var(--gray-line);color:var(--gray)}
#pv-service-account-engagement .mb-low .cd{color:var(--gray)}
#pv-service-account-engagement .plotpt{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gray-line);border-radius:30px;padding:6px 12px 6px 8px;box-shadow:var(--shadow-md);font-size:11px;color:var(--navy);white-space:nowrap;z-index:3}
#pv-service-account-engagement .plotpt .pd{width:10px;height:10px;border-radius:50%;background:var(--navy);flex-shrink:0}
#pv-service-account-engagement .mb-cap{text-align:center;font-size:13px;color:var(--gray);line-height:1.9;margin-top:28px}
#pv-service-account-engagement .mb-cap b{color:var(--navy)}
#pv-service-account-engagement .pit{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px;margin:40px auto 0}
#pv-service-account-engagement .pit .pi{background:var(--paper-2);border:1px solid var(--gray-line);border-left:3px solid var(--navy);border-radius:0 10px 10px 0;padding:24px 26px}
#pv-service-account-engagement .pit .pi h4{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--navy);margin-bottom:10px}
#pv-service-account-engagement .pit .pi p{font-size:14.5px;color:var(--gray);line-height:1.9}
@media(max-width:640px){#pv-service-account-engagement .pit{grid-template-columns:1fr}}
#pv-service-account-engagement .things3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}
#pv-service-account-engagement .thing{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px 32px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-service-account-engagement .thing:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-service-account-engagement .thing .tnum{font-family:var(--serif);font-size:46px;color:var(--navy);letter-spacing:.02em;margin-bottom:16px;line-height:1;font-weight:500}
#pv-service-account-engagement .thing h3{font-family:var(--serif);font-weight:500;font-size:18px;margin-bottom:18px;line-height:1.5}
#pv-service-account-engagement .thing p{font-size:13.5px;color:var(--gray);line-height:1.95}
@media(max-width:760px){#pv-service-account-engagement .things3{grid-template-columns:1fr}}
#pv-service-account-engagement .reasons{display:flex;flex-direction:column;gap:22px;max-width:940px;margin:0 auto}
#pv-service-account-engagement .reason{display:grid;grid-template-columns:auto 1fr;gap:34px;background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:42px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s;align-items:start}
#pv-service-account-engagement .reason:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#pv-service-account-engagement .rpoint{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--teal);text-align:center;line-height:1.5;white-space:nowrap}
#pv-service-account-engagement .reason h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:16px;line-height:1.5}
#pv-service-account-engagement .reason p{font-size:14px;color:var(--gray);line-height:1.95}
@media(max-width:640px){#pv-service-account-engagement .reason{grid-template-columns:1fr;gap:16px;padding:30px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-service-marketo header, #pv-service-marketo section, #pv-service-marketo footer{position:relative;z-index:2}
#pv-service-marketo .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-service-marketo .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-service-marketo a{color:inherit;text-decoration:none}
#pv-service-marketo header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-service-marketo header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-service-marketo .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-service-marketo .logo-img{height:30px;width:auto;display:block}
#pv-service-marketo .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-service-marketo .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-service-marketo .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-service-marketo .nav-links a:hover, #pv-service-marketo .nav-links a.active{color:var(--ink)}
#pv-service-marketo .nav-links a:hover::after, #pv-service-marketo .nav-links a.active::after{width:100%}
#pv-service-marketo .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-service-marketo .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-service-marketo .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-service-marketo .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-service-marketo .btn-primary:hover::before{transform:translateX(120%)}
#pv-service-marketo .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-service-marketo .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-service-marketo .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-service-marketo .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-service-marketo footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-service-marketo .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-service-marketo .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-service-marketo .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-service-marketo .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-service-marketo .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-service-marketo .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-service-marketo .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-service-marketo .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-service-marketo .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-service-marketo .reveal.in{opacity:1;transform:none}
#pv-service-marketo .reveal[data-delay="1"]{transition-delay:.08s}
#pv-service-marketo .reveal[data-delay="2"]{transition-delay:.16s}
#pv-service-marketo .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-service-marketo .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-service-marketo .nav-links{display:none}
#pv-service-marketo .menu-btn{display:block}}
@media(max-width:640px){#pv-service-marketo .p-hero .cta-row, #pv-service-marketo .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-service-marketo .p-hero .cta-row a, #pv-service-marketo .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-service-marketo .contact-cta .cc-btn.primary, #pv-service-marketo .contact-cta .cc-btn.primary:hover, #pv-service-marketo .contact-cta .cc-btn.primary:focus, #pv-service-marketo .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-service-marketo .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-service-marketo .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-service-marketo .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-service-marketo .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-service-marketo .cases{align-items:stretch}
#pv-service-marketo .case{display:flex;flex-direction:column;height:100%}
#pv-service-marketo .case__body{display:flex;flex-direction:column;flex:1}
#pv-service-marketo .case__text{flex:1}
#pv-service-marketo .case__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:20px;padding:14px 20px;
    background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14px;letter-spacing:.03em;
    transition:background .3s,transform .3s}
#pv-service-marketo .case:hover .case__link{background:var(--navy-deep);transform:translateY(-1px)}
#pv-service-marketo .case__link::after{content:"→";transition:transform .3s;font-size:15px}
#pv-service-marketo .case:hover .case__link::after{transform:translateX(4px)}
#pv-service-marketo .img-ph{width:100%;flex:1;min-height:260px;border-radius:14px;background:repeating-linear-gradient(135deg,#EEECE6,#EEECE6 12px,#E8E5DE 12px,#E8E5DE 24px);border:1px dashed var(--gray-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8A8478;text-align:center;padding:30px}
#pv-service-marketo .img-ph.dark{background:repeating-linear-gradient(135deg,#123763,#123763 12px,#0F3059 12px,#0F3059 24px);border-color:rgba(255,255,255,.2)}
#pv-service-marketo .img-ph .ico{width:44px;height:44px;opacity:.5}
#pv-service-marketo .img-ph .t{font-size:16px;letter-spacing:.02em;font-weight:500;color:var(--navy)}
#pv-service-marketo .img-ph .s{font-size:14.5px;color:var(--gray);line-height:1.95;max-width:92%}
#pv-service-marketo .fig-img{width:100%;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--gray-line)}
#pv-service-marketo .fig-img img{width:100%;height:auto;display:block}
#pv-service-marketo .fig-img.on-navy{background:transparent;border-color:rgba(255,255,255,.2)}
#pv-service-marketo .p-hero{padding:160px 0 84px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-service-marketo .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-service-marketo .p-hero .wrap{position:relative}
#pv-service-marketo .p-hero .breadcrumb{margin-bottom:34px}
#pv-service-marketo .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:26px}
#pv-service-marketo .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4.4vw,52px);line-height:1.36;letter-spacing:.01em;margin-bottom:34px;max-width:17em}
#pv-service-marketo .p-hero h1 .u{background:linear-gradient(transparent 66%,rgba(44,110,107,.2) 0);padding:0 .05em}
#pv-service-marketo .p-hero .lead{font-size:16px;color:var(--gray);line-height:2.1;max-width:720px;margin-bottom:44px}
#pv-service-marketo .p-hero .cta-row{display:flex;gap:16px;flex-wrap:wrap}
#pv-service-marketo .audit{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1fr 60px 1fr;gap:0;align-items:stretch}
#pv-service-marketo .audit-col{padding:40px 34px;border-radius:16px;display:flex;flex-direction:column}
#pv-service-marketo .audit-col .cap{}
#pv-service-marketo .audit-before{background:#fff;border:1px solid var(--gray-line)}
#pv-service-marketo .audit-after{background:linear-gradient(155deg,var(--navy),var(--navy-deep));color:#fff;box-shadow:var(--shadow-lg)}
#pv-service-marketo .audit-col .cap{font-size:12px;letter-spacing:.14em;margin-bottom:22px;font-weight:500}
#pv-service-marketo .audit-before .cap{color:var(--gray)}
#pv-service-marketo .audit-after .cap{color:var(--teal-light)}
#pv-service-marketo .audit-col h3{font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.5;margin-bottom:24px}
#pv-service-marketo .audit-after h3{color:#fff}
#pv-service-marketo .audit-fig{flex:1;display:flex;align-items:center;justify-content:center;width:100%}
#pv-service-marketo .audit-fig svg{width:100%;height:auto;display:block;overflow:visible}
#pv-service-marketo .sorted{display:flex;flex-direction:column;gap:12px}
#pv-service-marketo .sorted .row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:13px 16px;font-size:12.5px}
#pv-service-marketo .sorted .row .badge{font-size:10px;padding:3px 9px;border-radius:20px;flex-shrink:0}
#pv-service-marketo .sorted .row .keep{background:var(--teal);color:#fff}
#pv-service-marketo .sorted .row .cut{background:rgba(197,90,90,.25);color:#F0C0BC;border:1px solid rgba(197,90,90,.4)}
#pv-service-marketo .sorted .row .merge{background:rgba(255,255,255,.14);color:#fff}
#pv-service-marketo .audit-mid{display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:26px}
#pv-service-marketo .audit-note{text-align:center;font-size:13px;color:var(--gray);line-height:1.9;margin-top:30px}
@media(max-width:820px){#pv-service-marketo .audit{grid-template-columns:1fr;gap:16px}
#pv-service-marketo .audit-mid{transform:rotate(90deg);padding:6px 0}}
#pv-service-marketo .spec2{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:840px;margin:44px auto 0}
#pv-service-marketo .spec2 .s{background:var(--paper-2);border:1px solid var(--gray-line);border-left:3px solid var(--navy);border-radius:0 10px 10px 0;padding:24px 26px}
#pv-service-marketo .spec2 .s h4{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--navy);margin-bottom:10px}
#pv-service-marketo .spec2 .s p{font-size:14.5px;color:var(--gray);line-height:1.9}
@media(max-width:640px){#pv-service-marketo .spec2{grid-template-columns:1fr}}
#pv-service-marketo .things3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}
#pv-service-marketo .thing{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px 32px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-service-marketo .thing:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-service-marketo .thing .tnum{font-family:var(--serif);font-size:46px;color:var(--navy);letter-spacing:.02em;margin-bottom:16px;line-height:1;font-weight:500}
#pv-service-marketo .thing h3{font-family:var(--serif);font-weight:500;font-size:18px;margin-bottom:18px;line-height:1.5}
#pv-service-marketo .thing p{font-size:13.5px;color:var(--gray);line-height:1.95}
@media(max-width:760px){#pv-service-marketo .things3{grid-template-columns:1fr}}
#pv-service-marketo .reasons{display:flex;flex-direction:column;gap:22px;max-width:940px;margin:0 auto}
#pv-service-marketo .reason{display:grid;grid-template-columns:auto 1fr;gap:34px;background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:42px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s;align-items:start}
#pv-service-marketo .reason:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#pv-service-marketo .rpoint{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--teal);text-align:center;line-height:1.5;white-space:nowrap}
#pv-service-marketo .reason h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:16px;line-height:1.5}
#pv-service-marketo .reason p{font-size:14px;color:var(--gray);line-height:1.95}
@media(max-width:640px){#pv-service-marketo .reason{grid-template-columns:1fr;gap:16px;padding:30px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-service-nurturing header, #pv-service-nurturing section, #pv-service-nurturing footer{position:relative;z-index:2}
#pv-service-nurturing .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-service-nurturing .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-service-nurturing a{color:inherit;text-decoration:none}
#pv-service-nurturing header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-service-nurturing header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-service-nurturing .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-service-nurturing .logo-img{height:30px;width:auto;display:block}
#pv-service-nurturing .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-service-nurturing .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-service-nurturing .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-service-nurturing .nav-links a:hover, #pv-service-nurturing .nav-links a.active{color:var(--ink)}
#pv-service-nurturing .nav-links a:hover::after, #pv-service-nurturing .nav-links a.active::after{width:100%}
#pv-service-nurturing .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-service-nurturing .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-service-nurturing .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-service-nurturing .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-service-nurturing .btn-primary:hover::before{transform:translateX(120%)}
#pv-service-nurturing .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-service-nurturing .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-service-nurturing .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-service-nurturing .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-service-nurturing footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-service-nurturing .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-service-nurturing .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-service-nurturing .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-service-nurturing .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-service-nurturing .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-service-nurturing .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-service-nurturing .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-service-nurturing .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-service-nurturing .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-service-nurturing .reveal.in{opacity:1;transform:none}
#pv-service-nurturing .reveal[data-delay="1"]{transition-delay:.08s}
#pv-service-nurturing .reveal[data-delay="2"]{transition-delay:.16s}
#pv-service-nurturing .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-service-nurturing .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-service-nurturing .nav-links{display:none}
#pv-service-nurturing .menu-btn{display:block}}
@media(max-width:640px){#pv-service-nurturing .p-hero .cta-row, #pv-service-nurturing .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-service-nurturing .p-hero .cta-row a, #pv-service-nurturing .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-service-nurturing .contact-cta .cc-btn.primary, #pv-service-nurturing .contact-cta .cc-btn.primary:hover, #pv-service-nurturing .contact-cta .cc-btn.primary:focus, #pv-service-nurturing .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-service-nurturing .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-service-nurturing .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-service-nurturing .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-service-nurturing .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-service-nurturing .cases{align-items:stretch}
#pv-service-nurturing .case{display:flex;flex-direction:column;height:100%}
#pv-service-nurturing .case__body{display:flex;flex-direction:column;flex:1}
#pv-service-nurturing .case__text{flex:1}
#pv-service-nurturing .case__link{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:20px;padding:14px 20px;
    background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14px;letter-spacing:.03em;
    transition:background .3s,transform .3s}
#pv-service-nurturing .case:hover .case__link{background:var(--navy-deep);transform:translateY(-1px)}
#pv-service-nurturing .case__link::after{content:"→";transition:transform .3s;font-size:15px}
#pv-service-nurturing .case:hover .case__link::after{transform:translateX(4px)}
#pv-service-nurturing .img-ph{width:100%;max-width:860px;margin:0 auto;aspect-ratio:16/7;border-radius:16px;background:repeating-linear-gradient(135deg,#EEECE6,#EEECE6 12px,#E8E5DE 12px,#E8E5DE 24px);border:1px dashed var(--gray-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8A8478;text-align:center;padding:30px}
#pv-service-nurturing .img-ph .ico{width:44px;height:44px;opacity:.5}
#pv-service-nurturing .img-ph .t{font-size:16px;letter-spacing:.02em;font-weight:500;color:var(--navy)}
#pv-service-nurturing .img-ph .s{font-size:14.5px;color:var(--gray);line-height:1.95;max-width:92%}
#pv-service-nurturing .fig-img{width:100%;border-radius:16px;overflow:hidden;background:var(--paper);border:1px solid var(--gray-line)}
#pv-service-nurturing .fig-img img{width:100%;height:auto;display:block}
#pv-service-nurturing .fig-img.on-navy{background:transparent;border-color:rgba(255,255,255,.2)}
#pv-service-nurturing .p-hero{padding:160px 0 84px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-service-nurturing .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-service-nurturing .p-hero .wrap{position:relative}
#pv-service-nurturing .p-hero .breadcrumb{margin-bottom:34px}
#pv-service-nurturing .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:26px}
#pv-service-nurturing .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4.2vw,50px);line-height:1.42;letter-spacing:.01em;margin-bottom:34px;max-width:18em}
#pv-service-nurturing .p-hero h1 .u{background:linear-gradient(transparent 66%,rgba(44,110,107,.2) 0);padding:0 .05em}
#pv-service-nurturing .p-hero .lead{font-size:16px;color:var(--gray);line-height:2.1;max-width:730px;margin-bottom:44px}
#pv-service-nurturing .p-hero .cta-row{display:flex;gap:16px;flex-wrap:wrap}
#pv-service-nurturing .vflow{max-width:960px;margin:0 auto}
#pv-service-nurturing .vflow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch;position:relative}
#pv-service-nurturing .vf{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:32px 24px;text-align:center;position:relative;z-index:2;box-shadow:var(--shadow-sm)}
#pv-service-nurturing .vf.origin{background:linear-gradient(155deg,var(--navy),var(--navy-deep));color:#fff;box-shadow:var(--shadow-md)}
#pv-service-nurturing .vf .vn{font-family:var(--serif);font-size:11px;letter-spacing:.1em;color:var(--teal);margin-bottom:14px}
#pv-service-nurturing .vf.origin .vn{color:var(--teal-light)}
#pv-service-nurturing .vf .vi{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;color:var(--navy)}
#pv-service-nurturing .vf.origin .vi{background:rgba(255,255,255,.12);color:#fff}
#pv-service-nurturing .vf h4{font-family:var(--serif);font-weight:500;font-size:15px;margin-bottom:10px;line-height:1.4}
#pv-service-nurturing .vf p{font-size:11.5px;color:var(--gray);line-height:1.7}
#pv-service-nurturing .vf.origin p{color:rgba(255,255,255,.8)}
#pv-service-nurturing .vf-arrow{display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:20px;z-index:3}
#pv-service-nurturing .vflow-track{grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr}
#pv-service-nurturing .vflow-cap{text-align:center;font-size:14px;color:var(--gray);line-height:2;margin-top:30px;max-width:720px;margin-left:auto;margin-right:auto}
#pv-service-nurturing .vflow-cap b{color:var(--navy)}
@media(max-width:820px){#pv-service-nurturing .vflow-track{grid-template-columns:1fr}
#pv-service-nurturing .vf-arrow{transform:rotate(90deg);padding:8px 0}}
#pv-service-nurturing .phases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}
#pv-service-nurturing .ph{border-radius:16px;padding:34px 30px;color:#fff;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column}
#pv-service-nurturing .ph::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 22px;opacity:.5}
#pv-service-nurturing .ph.cold{background:linear-gradient(150deg,#4A6785,#37516E)}
#pv-service-nurturing .ph.warm{background:linear-gradient(150deg,var(--teal),#1E4E4B)}
#pv-service-nurturing .ph.hot{background:linear-gradient(150deg,var(--navy),var(--navy-deep))}
#pv-service-nurturing .ph .pl{font-family:var(--serif);font-size:19px;letter-spacing:.08em;margin-bottom:6px;position:relative}
#pv-service-nurturing .ph .ps{font-size:12px;opacity:.85;margin-bottom:18px;position:relative}
#pv-service-nurturing .ph .pc{font-size:12.5px;line-height:1.85;opacity:.95;position:relative}
#pv-service-nurturing .ph .pmeta{margin-top:auto;padding-top:16px;font-size:11px;opacity:.8;border-top:1px solid rgba(255,255,255,.2);position:relative}
@media(max-width:640px){#pv-service-nurturing .phases{grid-template-columns:1fr}}
#pv-service-nurturing .things3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}
#pv-service-nurturing .thing{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px 32px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-service-nurturing .thing:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-service-nurturing .thing .tnum{font-family:var(--serif);font-size:46px;color:var(--navy);letter-spacing:.02em;margin-bottom:16px;line-height:1;font-weight:500}
#pv-service-nurturing .thing h3{font-family:var(--serif);font-weight:500;font-size:18px;margin-bottom:18px;line-height:1.5}
#pv-service-nurturing .thing p{font-size:13.5px;color:var(--gray);line-height:1.95}
@media(max-width:760px){#pv-service-nurturing .things3{grid-template-columns:1fr}}
#pv-service-nurturing .reasons{display:flex;flex-direction:column;gap:22px;max-width:940px;margin:0 auto}
#pv-service-nurturing .reason{display:grid;grid-template-columns:auto 1fr;gap:34px;background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:42px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s;align-items:start}
#pv-service-nurturing .reason:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
#pv-service-nurturing .rpoint{font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--teal);text-align:center;line-height:1.5;white-space:nowrap}
#pv-service-nurturing .reason h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-bottom:16px;line-height:1.5}
#pv-service-nurturing .reason p{font-size:14px;color:var(--gray);line-height:1.95}
@media(max-width:640px){#pv-service-nurturing .reason{grid-template-columns:1fr;gap:16px;padding:30px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-liscore header, #pv-liscore section, #pv-liscore footer{position:relative;z-index:2}
#pv-liscore .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-liscore .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-liscore a{color:inherit;text-decoration:none}
#pv-liscore header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-liscore header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
/* LisCoreはヒーローが濃紺で、半透明ヘッダーだと背景が透けて他ページとヘッダーの色が変わる。
   ここだけ不透明にして、全ページで同じ色に見えるようにする。 */
#pv-liscore header, #pv-liscore header.scrolled{background:var(--paper)}
#pv-liscore .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-liscore .logo-img{height:30px;width:auto;display:block}
#pv-liscore .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-liscore .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-liscore .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-liscore .nav-links a:hover, #pv-liscore .nav-links a.active{color:var(--ink)}
#pv-liscore .nav-links a:hover::after, #pv-liscore .nav-links a.active::after{width:100%}
#pv-liscore .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-liscore .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-liscore .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-liscore .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-liscore .btn-primary:hover::before{transform:translateX(120%)}
#pv-liscore .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-liscore .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-liscore .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-liscore .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-liscore footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-liscore .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-liscore .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-liscore .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-liscore .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-liscore .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-liscore .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-liscore .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-liscore .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-liscore .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-liscore .reveal.in{opacity:1;transform:none}
#pv-liscore .reveal[data-delay="1"]{transition-delay:.08s}
#pv-liscore .reveal[data-delay="2"]{transition-delay:.16s}
#pv-liscore .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-liscore .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-liscore .nav-links{display:none}
#pv-liscore .menu-btn{display:block}}
@media(max-width:640px){#pv-liscore .p-hero .cta-row, #pv-liscore .lc-cta{flex-direction:column;align-items:stretch;gap:12px}
#pv-liscore .p-hero .cta-row a, #pv-liscore .lc-cta a{width:100%;justify-content:center;padding:17px 20px;text-align:center}}
#pv-liscore .contact-cta .cc-btn.primary, #pv-liscore .contact-cta .cc-btn.primary:hover, #pv-liscore .contact-cta .cc-btn.primary:focus, #pv-liscore .contact-cta .cc-btn.primary:active{background:var(--paper);color:var(--navy) !important;border-color:transparent}
#pv-liscore .contact-cta .cc-btn.primary:hover{background:#fff}
@media(hover:none){#pv-liscore .contact-cta .cc-btn:hover{background:transparent;color:#fff}
#pv-liscore .contact-cta .cc-btn.primary:hover{background:var(--paper);color:var(--navy) !important}
#pv-liscore .contact-cta .cc-btn.outline:hover{background:transparent;color:#fff}}
#pv-liscore .mid-cta{padding:64px 0;background:linear-gradient(150deg,var(--navy-deep),var(--navy));color:#fff}
#pv-liscore .mid-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:44px;flex-wrap:wrap}
#pv-liscore .mid-cta .mc-label{font-family:var(--serif);font-size:12px;letter-spacing:.14em;color:var(--teal-light);margin-bottom:14px}
#pv-liscore .mid-cta h3{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.55;margin-bottom:14px}
#pv-liscore .mid-cta p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.95;max-width:560px}
#pv-liscore .mc-btns{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}
#pv-liscore .mc-btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 34px;border-radius:6px;font-family:var(--serif);font-size:14.5px;letter-spacing:.04em;transition:all .3s;white-space:nowrap}
#pv-liscore .mc-btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}
#pv-liscore .mc-btn.outline:hover{background:rgba(255,255,255,.12)}
#pv-liscore .mc-btn.primary{background:var(--paper);color:var(--navy)}
#pv-liscore .mc-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}
@media(max-width:900px){#pv-liscore .mid-cta-inner{flex-direction:column;align-items:flex-start;gap:28px}
#pv-liscore .mc-btns{width:100%}
#pv-liscore .mc-btn{flex:1;padding:16px 20px}}
#pv-liscore .regular-box{max-width:900px;margin:22px auto 0;
    background:var(--paper-2);border:1px solid var(--gray-line);
    border-radius:18px;padding:38px 44px;color:var(--ink);position:relative;
    box-shadow:var(--shadow-sm)}
#pv-liscore .regular-box .rbl{display:inline-block;font-size:12px;letter-spacing:.08em;
    background:#fff;border:1px solid var(--gray-line);color:var(--navy);
    padding:6px 15px;border-radius:20px;margin-bottom:18px}
#pv-liscore .regular-box h3{font-family:var(--serif);font-weight:500;font-size:19px;
    margin-bottom:22px;line-height:1.5;color:var(--navy)}
#pv-liscore .regular-plan{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--gray-line);
    border-radius:12px;padding:24px 26px;margin-bottom:20px}
#pv-liscore .regular-plan .rp-name{font-family:var(--serif);font-size:15px;color:var(--navy)}
#pv-liscore .regular-plan .rp-amount{font-family:var(--serif);font-size:34px;color:var(--navy);line-height:1}
#pv-liscore .regular-plan .rp-amount small{font-size:13px;color:var(--gray);margin-left:6px}
#pv-liscore .regular-note{font-size:12.5px;color:var(--gray);line-height:1.85}
@media(max-width:640px){#pv-liscore .regular-box{padding:30px 24px}
#pv-liscore .regular-plan{flex-direction:column;gap:10px;padding:22px}
#pv-liscore .regular-plan .rp-amount{font-size:29px}}
#pv-liscore .bdiff{margin-top:10px;font-size:12.5px;color:#9FCFCA;letter-spacing:.02em}
#pv-liscore .bdiff b{font-weight:500;font-size:14px;color:#B8E0DB}
@media(max-width:640px){}
#pv-liscore .things3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}
#pv-liscore .thing{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px 32px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-liscore .thing:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-liscore .thing .tnum{font-family:var(--serif);font-size:46px;color:var(--navy);letter-spacing:.02em;margin-bottom:16px;line-height:1;font-weight:500}
#pv-liscore .thing h3{font-family:var(--serif);font-weight:500;font-size:18px;margin-bottom:18px;line-height:1.5}
#pv-liscore .thing p{font-size:13.5px;color:var(--gray);line-height:1.95}
@media(max-width:760px){#pv-liscore .things3{grid-template-columns:1fr}}
#pv-liscore .lc-hero{position:relative;padding:130px 0 90px;background:linear-gradient(160deg,var(--navy-deep),var(--navy));overflow:hidden;color:#fff}
#pv-liscore .lc-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
#pv-liscore .lc-hero-symbol{position:absolute;top:17%;right:12%;width:min(40%,500px);z-index:0;opacity:.14;pointer-events:none;transform:rotate(-2deg);display:flex;align-items:center;justify-content:center}
#pv-liscore .lc-hero-symbol img{width:100%;height:auto;display:block}
@media(max-width:900px){#pv-liscore .lc-hero-symbol{width:48%;right:8%;top:15%;opacity:.11}}
#pv-liscore .lc-hero .wrap{position:relative;z-index:2;max-width:720px}
#pv-liscore .lc-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.06em;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:7px 15px;border-radius:30px;margin-bottom:26px}
#pv-liscore .lc-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(44,110,107,.35)}
#pv-liscore .lc-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,5.5vw,66px);line-height:1.08;letter-spacing:.01em;margin-bottom:26px}
#pv-liscore .lc-hero h1 .accent{color:var(--teal-bright,#5FBDB6)}
#pv-liscore .lc-hero .lead{font-size:15px;line-height:2;color:rgba(255,255,255,.85);margin-bottom:34px;max-width:520px}
#pv-liscore .lc-hero .lc-cta{display:flex;gap:14px;flex-wrap:wrap}
#pv-liscore .lc-cta a{display:inline-block;padding:15px 32px;border-radius:6px;font-size:14px;font-weight:600;letter-spacing:.04em;transition:transform .3s,box-shadow .3s}
#pv-liscore .lc-cta .primary{background:#fff;color:var(--navy-deep)}
#pv-liscore .lc-cta .ghost{border:1px solid rgba(255,255,255,.5);color:#fff}
#pv-liscore .lc-cta a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
#pv-liscore .lc-patent{background:var(--paper-2);border-top:1px solid var(--gray-line);border-bottom:1px solid var(--gray-line);padding:26px 0}
#pv-liscore .lc-patent .wrap{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;text-align:center}
#pv-liscore .lc-patent .pt{font-size:13px;color:var(--gray)}
#pv-liscore .lc-patent .pt b{display:block;font-family:var(--serif);font-size:22px;color:var(--navy);margin-bottom:4px}
#pv-liscore .price-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-size:11px;letter-spacing:.05em;padding:4px 14px;border-radius:20px;white-space:nowrap}
@media(max-width:900px){}
@media(max-width:520px){}
#pv-liscore .beta-box{max-width:900px;margin:48px auto 0;background:linear-gradient(150deg,var(--navy-deep),var(--navy));border-radius:18px;padding:44px;color:#fff;position:relative;overflow:hidden}
#pv-liscore .beta-box::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px}
#pv-liscore .beta-box>*{position:relative}
#pv-liscore .beta-box .bl{display:inline-block;font-size:12px;letter-spacing:.08em;background:rgba(255,255,255,.14);padding:6px 15px;border-radius:20px;margin-bottom:20px}
#pv-liscore .beta-box h3{font-family:var(--serif);font-weight:500;font-size:24px;margin-bottom:26px;line-height:1.5}
#pv-liscore .beta-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
#pv-liscore .beta-plan{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:26px}
#pv-liscore .beta-plan .cond{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:12px;line-height:1.6}
#pv-liscore .beta-plan .bamt{font-family:var(--serif);font-size:34px}
#pv-liscore .beta-plan .bamt small{font-size:14px;font-family:var(--sans);opacity:.8}
#pv-liscore .beta-note{font-size:12px;color:rgba(255,255,255,.7);line-height:1.8}
@media(max-width:600px){#pv-liscore .beta-plans{grid-template-columns:1fr}
#pv-liscore .beta-box{padding:30px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-works header, #pv-works section, #pv-works footer{position:relative;z-index:2}
#pv-works .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-works .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-works a{color:inherit;text-decoration:none}
#pv-works header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-works header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-works .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-works .logo-img{height:30px;width:auto;display:block}
#pv-works .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-works .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-works .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-works .nav-links a:hover, #pv-works .nav-links a.active{color:var(--ink)}
#pv-works .nav-links a:hover::after, #pv-works .nav-links a.active::after{width:100%}
#pv-works .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-works .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-works .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-works .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-works .btn-primary:hover::before{transform:translateX(120%)}
#pv-works .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-works .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-works .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-works .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-works footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-works .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-works .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-works .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-works .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-works .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-works .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-works .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-works .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-works .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-works .reveal.in{opacity:1;transform:none}
#pv-works .reveal[data-delay="1"]{transition-delay:.08s}
#pv-works .reveal[data-delay="2"]{transition-delay:.16s}
#pv-works .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-works .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-works .nav-links{display:none}
#pv-works .menu-btn{display:block}}
#pv-works .wstats-note{max-width:820px;margin:16px auto 0;font-size:12.5px;color:var(--gray);
    line-height:1.9;text-align:center;opacity:.82}
@media(max-width:640px){#pv-works .wstats-note{text-align:left;padding:0 4px}}
#pv-works .cfull-img{display:block;text-decoration:none}
#pv-works .cfull h2 a{color:inherit;text-decoration:none;transition:color .25s}
#pv-works .cfull h2 a:hover{color:var(--teal)}
#pv-works .cfull-more{display:inline-flex;align-items:center;gap:10px;margin-top:28px;
    padding:15px 30px;background:var(--navy);color:#fff;border-radius:6px;
    font-family:var(--serif);font-size:14.5px;letter-spacing:.04em;
    text-decoration:none;transition:all .3s;box-shadow:var(--shadow-sm)}
#pv-works .cfull-more:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-md)}
#pv-works .cfull-more .arw{transition:transform .3s}
#pv-works .cfull-more:hover .arw{transform:translateX(4px)}
@media(max-width:640px){#pv-works .cfull-more{width:100%;justify-content:center;padding:15px 20px}}
#pv-works .p-hero{padding:150px 0 70px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-works .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-works .p-hero .wrap{position:relative}
#pv-works .p-hero .breadcrumb{margin-bottom:30px}
#pv-works .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:22px}
#pv-works .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.6vw,52px);line-height:1.3;letter-spacing:.02em}
#pv-works .p-hero .h1sub{font-size:15px;color:var(--gray);letter-spacing:.1em;margin-top:14px;font-family:var(--serif)}
#pv-works .p-hero .lead{font-size:15.5px;color:var(--gray);line-height:2.05;max-width:640px;margin-top:26px}
#pv-works .wstats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:820px;margin:50px auto 0;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff}
#pv-works .wstat{padding:38px 20px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-works .wstat:last-child{border-right:none}
#pv-works .wstat .wn{font-family:var(--serif);font-size:44px;color:var(--navy);line-height:1;font-weight:500}
#pv-works .wstat .wn small{font-size:18px}
#pv-works .wstat .wl{font-size:12.5px;color:var(--gray);margin-top:12px;letter-spacing:.04em}
@media(max-width:640px){#pv-works .wstats{grid-template-columns:1fr}
#pv-works .wstat{border-right:none;border-bottom:1px solid var(--gray-line)}
#pv-works .wstat:last-child{border-bottom:none}}
#pv-works .cases-full{display:flex;flex-direction:column;gap:60px;max-width:1000px;margin:0 auto}
#pv-works .cfull{background:#fff;border:1px solid var(--gray-line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .4s}
#pv-works .cfull:hover{box-shadow:var(--shadow-lg)}
#pv-works .cfull-img{aspect-ratio:16/8;position:relative;overflow:hidden;background:linear-gradient(150deg,var(--navy),var(--navy-deep))}
#pv-works .cfull-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#pv-works .cfull-body{padding:44px 46px}
#pv-works .cfull-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
#pv-works .cfull-tag{font-size:11px;padding:5px 13px;border-radius:20px;background:var(--paper-2);color:var(--teal);border:1px solid var(--gray-line);letter-spacing:.03em}
#pv-works .cfull-client{font-size:12.5px;color:var(--gray);letter-spacing:.06em;margin-bottom:10px}
#pv-works .cfull h2{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.5;margin-bottom:24px;color:var(--navy)}
#pv-works .cfull-sec{margin-bottom:30px}
#pv-works .cfull-sec .sl{display:inline-flex;align-items:center;gap:9px;
    font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:.06em;
    color:var(--navy);margin-bottom:14px}
#pv-works .cfull-sec .sl::before{content:"";width:4px;height:17px;background:var(--teal);border-radius:2px;flex-shrink:0}
#pv-works .cfull-sec p{font-size:14.5px;color:var(--gray);line-height:2}
#pv-works .cfull-result{display:flex;gap:30px;flex-wrap:wrap;padding:24px 28px;background:var(--paper-2);border-radius:12px;margin-top:24px}
#pv-works .cfull-metric{}
#pv-works .cfull-metric .m{font-family:var(--serif);font-size:30px;color:var(--navy);line-height:1;font-weight:500}
#pv-works .cfull-metric .mm{font-size:12px;color:var(--gray);margin-top:8px}
@media(max-width:640px){#pv-works .cfull-body{padding:32px 26px}
#pv-works .cfull h2{font-size:20px}}
/* 大きいデスクトップ幅でだけ実績カードを一回り小さくする。
   カードは画面幅1064px以上では 1000px 固定で、幅が変わってもCSS上の寸法は変わらない。
   大型モニタでは同じ1000pxが物理的に大きく見えるため、そこだけ縮める。
   境目1700pxの根拠: 作業環境の実測値（デスクトップ最大化 約1920 / ノートPC最大化 約1521）の中間。
   min-width なので、これ未満（SP・ノートPC）には1行も影響しない。 */
@media(min-width:1700px){
  #pv-works .cases-full     {max-width:900px;gap:48px}
  #pv-works .cfull-img      {aspect-ratio:16/6}
  #pv-works .cfull-body     {padding:36px 40px}
  #pv-works .cfull h2       {font-size:21px}
  #pv-works .cfull-sec      {margin-bottom:26px}
  #pv-works .cfull-sec p    {font-size:14px}
  #pv-works .cfull-metric .m{font-size:26px}
}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-company header, #pv-company section, #pv-company footer{position:relative;z-index:2}
#pv-company .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-company .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-company a{color:inherit;text-decoration:none}
#pv-company header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-company header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-company .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-company .logo-img{height:30px;width:auto;display:block}
#pv-company .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-company .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-company .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-company .nav-links a:hover, #pv-company .nav-links a.active{color:var(--ink)}
#pv-company .nav-links a:hover::after, #pv-company .nav-links a.active::after{width:100%}
#pv-company .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-company .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-company .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-company .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-company .btn-primary:hover::before{transform:translateX(120%)}
#pv-company .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-company .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-company .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-company .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-company footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-company .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-company .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-company .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-company .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-company .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-company .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-company .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-company .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-company .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-company .reveal.in{opacity:1;transform:none}
#pv-company .reveal[data-delay="1"]{transition-delay:.08s}
#pv-company .reveal[data-delay="2"]{transition-delay:.16s}
#pv-company .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-company .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-company .nav-links{display:none}
#pv-company .menu-btn{display:block}}
#pv-company .p-hero{padding:150px 0 70px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-company .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-company .p-hero .wrap{position:relative}
#pv-company .p-hero .breadcrumb{margin-bottom:30px}
#pv-company .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:22px}
#pv-company .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.6vw,52px);line-height:1.3;letter-spacing:.02em}
#pv-company .p-hero .h1sub{font-size:15px;color:var(--gray);letter-spacing:.1em;margin-top:14px;font-family:var(--serif)}
#pv-company .ov{max-width:820px;margin:0 auto}
#pv-company .ov-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--gray-line)}
#pv-company .ov-row:first-child{border-top:1px solid var(--gray-line)}
#pv-company .ov-th{padding:26px 20px;font-family:var(--serif);font-weight:500;font-size:15px;color:var(--navy);background:var(--paper-2)}
#pv-company .ov-td{padding:26px 24px;font-size:15px;color:var(--ink);line-height:1.8;display:flex;align-items:center}
@media(max-width:640px){#pv-company .ov-row{grid-template-columns:1fr}
#pv-company .ov-th{padding:16px 18px}
#pv-company .ov-td{padding:16px 18px}}
#pv-company .mission{max-width:860px;margin:0 auto;text-align:center}
#pv-company .mission .ttl{font-family:var(--serif);font-size:13px;letter-spacing:.16em;color:var(--teal);margin-bottom:28px}
#pv-company .mission h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.4vw,36px);line-height:1.7;margin-bottom:32px;letter-spacing:.02em}
#pv-company .mission p{font-size:15.5px;color:var(--gray);line-height:2.15;max-width:680px;margin:0 auto}
#pv-company .rep{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--gray-line);border-radius:18px;padding:56px 50px;box-shadow:var(--shadow-sm)}
#pv-company .rep .rl{font-family:var(--serif);font-size:12px;letter-spacing:.14em;color:var(--teal);margin-bottom:24px}
#pv-company .rep p{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-company .rep .sign{text-align:right;font-family:var(--serif);margin-top:34px}
#pv-company .rep .sign .role{font-size:12px;color:var(--gray);letter-spacing:.06em;margin-bottom:8px}
#pv-company .rep .sign .nm{font-size:20px;color:var(--navy);letter-spacing:.08em}
@media(max-width:640px){#pv-company .rep{padding:40px 28px}}
#pv-company .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto}
#pv-company .pillar{background:#fff;border:1px solid var(--gray-line);border-radius:16px;padding:38px 30px;box-shadow:var(--shadow-sm);transition:transform .4s,box-shadow .4s}
#pv-company .pillar:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-company .pillar .pn{font-family:var(--serif);font-size:40px;color:var(--navy);line-height:1;margin-bottom:18px;font-weight:500}
#pv-company .pillar h3{font-family:var(--serif);font-weight:500;font-size:18px;margin-bottom:14px;line-height:1.5}
#pv-company .pillar p{font-size:13.5px;color:var(--gray);line-height:1.95}
@media(max-width:760px){#pv-company .pillars{grid-template-columns:1fr}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-recruit header, #pv-recruit section, #pv-recruit footer{position:relative;z-index:2}
#pv-recruit .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-recruit .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-recruit a{color:inherit;text-decoration:none}
#pv-recruit header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-recruit header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-recruit .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-recruit .logo-img{height:30px;width:auto;display:block}
#pv-recruit .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-recruit .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-recruit .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-recruit .nav-links a:hover, #pv-recruit .nav-links a.active{color:var(--ink)}
#pv-recruit .nav-links a:hover::after, #pv-recruit .nav-links a.active::after{width:100%}
#pv-recruit .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-recruit .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-recruit .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-recruit .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-recruit .btn-primary:hover::before{transform:translateX(120%)}
#pv-recruit .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-recruit .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-recruit .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-recruit .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-recruit footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-recruit .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-recruit .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-recruit .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-recruit .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-recruit .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-recruit .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-recruit .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-recruit .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-recruit .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-recruit .reveal.in{opacity:1;transform:none}
#pv-recruit .reveal[data-delay="1"]{transition-delay:.08s}
#pv-recruit .reveal[data-delay="2"]{transition-delay:.16s}
#pv-recruit .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-recruit .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-recruit .nav-links{display:none}
#pv-recruit .menu-btn{display:block}}
#pv-recruit .p-hero{padding:150px 0 70px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-recruit .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-recruit .p-hero .wrap{position:relative}
#pv-recruit .p-hero .breadcrumb{margin-bottom:30px}
#pv-recruit .p-hero .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:22px}
#pv-recruit .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.4vw,50px);line-height:1.35;letter-spacing:.02em}
#pv-recruit .p-hero .h1sub{font-size:15px;color:var(--gray);letter-spacing:.1em;margin-top:14px;font-family:var(--serif)}
#pv-recruit .p-hero .lead{font-size:15.5px;color:var(--gray);line-height:2.05;max-width:660px;margin-top:26px}
#pv-recruit .rmsg{max-width:820px;margin:0 auto;text-align:center}
#pv-recruit .rmsg h2{font-family:var(--serif);font-weight:500;font-size:clamp(23px,3.2vw,34px);line-height:1.6;margin-bottom:30px;letter-spacing:.02em}
#pv-recruit .rmsg p{font-size:15px;color:var(--gray);line-height:2.15;max-width:680px;margin:0 auto 22px}
#pv-recruit .fit{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:880px;margin:0 auto}
#pv-recruit .fititem{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--gray-line);border-radius:14px;padding:26px 28px;box-shadow:var(--shadow-sm)}
#pv-recruit .fititem .ck{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:2px}
#pv-recruit .fititem .ck svg{width:14px;height:14px}
#pv-recruit .fititem p{font-size:14.5px;color:var(--ink);line-height:1.7}
@media(max-width:640px){#pv-recruit .fit{grid-template-columns:1fr}}
#pv-recruit .job{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--gray-line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
#pv-recruit .job-head{background:linear-gradient(150deg,var(--navy),var(--navy-deep));color:#fff;padding:40px 44px}
#pv-recruit .job-head .jt{font-family:var(--serif);font-size:12px;letter-spacing:.12em;color:var(--teal-light);margin-bottom:14px}
#pv-recruit .job-head h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.5}
#pv-recruit .job-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--gray-line)}
#pv-recruit .job-row:last-child{border-bottom:none}
#pv-recruit .job-th{padding:24px 24px 24px 44px;font-family:var(--serif);font-weight:500;font-size:14px;color:var(--navy);background:var(--paper-2)}
#pv-recruit .job-td{padding:24px 44px 24px 24px;font-size:14.5px;color:var(--gray);line-height:1.9}
#pv-recruit .job-td ul{list-style:none;padding:0}
#pv-recruit .job-td li{padding-left:20px;position:relative;margin-bottom:8px}
#pv-recruit .job-td li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
@media(max-width:640px){#pv-recruit .job-row{grid-template-columns:1fr}
#pv-recruit .job-th{padding:16px 24px}
#pv-recruit .job-td{padding:16px 24px}
#pv-recruit .job-head{padding:30px 26px}}
@media(max-width:640px){}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-contact header, #pv-contact section, #pv-contact footer{position:relative;z-index:2}
#pv-contact .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-contact .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-contact a{color:inherit;text-decoration:none}
#pv-contact header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-contact header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-contact .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-contact .logo-img{height:30px;width:auto;display:block}
#pv-contact .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-contact .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-contact .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-contact .nav-links a:hover, #pv-contact .nav-links a.active{color:var(--ink)}
#pv-contact .nav-links a:hover::after, #pv-contact .nav-links a.active::after{width:100%}
#pv-contact .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-contact .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-contact .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-contact .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-contact .btn-primary:hover::before{transform:translateX(120%)}
#pv-contact .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-contact .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-contact .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-contact .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-contact footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-contact .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-contact .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-contact .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-contact .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-contact .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-contact .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-contact .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-contact .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-contact .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-contact .reveal.in{opacity:1;transform:none}
#pv-contact .reveal[data-delay="1"]{transition-delay:.08s}
#pv-contact .reveal[data-delay="2"]{transition-delay:.16s}
#pv-contact .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-contact .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-contact .nav-links{display:none}
#pv-contact .menu-btn{display:block}}
#pv-contact .fwrap{padding:112px 0 90px;position:relative;background:linear-gradient(160deg,var(--paper-2),var(--paper) 55%);isolation:isolate}
#pv-contact .fwrap::before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(12,55,113,.06),transparent 62%);pointer-events:none;z-index:-1}
#pv-contact .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;max-width:1200px;margin:0 auto;padding:0 40px}
#pv-contact .fleft{position:sticky;top:100px;align-self:start}
#pv-contact .fleft .breadcrumb{margin-bottom:20px}
#pv-contact .fleft .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:16px}
#pv-contact .fleft h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.5;letter-spacing:.02em;margin-bottom:32px}
#pv-contact .fleft .ftext{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-contact .fleft .ftext strong{color:var(--navy);font-weight:500}
#pv-contact .ftrust{display:flex;gap:0;margin-top:40px;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#pv-contact .ftrust-item{flex:1;padding:26px 18px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-contact .ftrust-item:last-child{border-right:none}
#pv-contact .ftrust-item .tn{font-family:var(--serif);font-size:32px;color:var(--navy);line-height:1;font-weight:500}
#pv-contact .ftrust-item .tn small{font-size:15px}
#pv-contact .ftrust-item .tl{font-size:11.5px;color:var(--gray);margin-top:10px;line-height:1.5}
#pv-contact .fpoints{margin-top:32px;display:flex;flex-direction:column;gap:14px}
#pv-contact .fpoint{display:flex;gap:12px;align-items:flex-start}
#pv-contact .fpoint .pc{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:1px}
#pv-contact .fpoint .pc svg{width:12px;height:12px}
#pv-contact .fpoint p{font-size:13.5px;color:var(--ink);line-height:1.7}
#pv-contact .fright{}
#pv-contact .form{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px 42px;box-shadow:var(--shadow-md)}
#pv-contact .form-title{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-line)}
#pv-contact .fg{margin-bottom:26px}
#pv-contact .fg label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:11px;font-family:var(--serif)}
#pv-contact .fg label .req{font-size:11px;color:#B14A4A;margin-left:8px;font-family:var(--sans)}
#pv-contact .fg label .opt{font-size:11px;color:var(--gray);margin-left:8px;font-family:var(--sans)}
#pv-contact .fg input[type=text], #pv-contact .fg input[type=email], #pv-contact .fg input[type=tel], #pv-contact .fg textarea, #pv-contact .fg select{width:100%;padding:14px 16px;border:1px solid var(--gray-line);border-radius:8px;font-size:15px;font-family:var(--sans);color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
#pv-contact .fg input:focus, #pv-contact .fg textarea:focus, #pv-contact .fg select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,110,107,.12)}
#pv-contact .fg textarea{resize:vertical;min-height:120px;line-height:1.8}
#pv-contact .fg .hint{font-size:12px;color:var(--gray);margin-top:8px;line-height:1.6}
#pv-contact .cons-group{display:flex;flex-direction:column;gap:9px}
#pv-contact .cons-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--gray-line);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--paper)}
#pv-contact .cons-opt:hover{border-color:var(--teal);background:#fff}
#pv-contact .cons-opt input{accent-color:var(--teal);width:17px;height:17px;margin-top:2px;flex-shrink:0}
#pv-contact .cons-opt .ct{font-size:13.5px;line-height:1.55}
#pv-contact .cons-opt .ct b{display:block;font-weight:500;color:var(--navy);margin-bottom:3px;font-size:14px}
#pv-contact .cons-opt .ct span{font-size:12px;color:var(--gray);line-height:1.55}
#pv-contact .docs-mini{display:flex;flex-direction:column;gap:10px;margin-top:36px}
#pv-contact .docmini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}
#pv-contact .docmini .di{width:34px;height:34px;flex-shrink:0;color:var(--teal)}
#pv-contact .docmini .dn{font-family:var(--serif);font-size:14px;color:var(--navy);line-height:1.5}
#pv-contact .privacy{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:28px;background:var(--paper-2);padding:18px 20px;border-radius:10px}
#pv-contact .privacy input{accent-color:var(--teal);width:18px;height:18px;margin-top:2px;flex-shrink:0}
#pv-contact .privacy a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#pv-contact .form-submit{width:100%;padding:19px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:16px;font-family:var(--serif);letter-spacing:.06em;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}
#pv-contact .form-submit:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
#pv-contact .form-note{text-align:center;font-size:12.5px;color:var(--gray);margin-top:20px;line-height:1.8}
@media(max-width:900px){#pv-contact .fgrid{grid-template-columns:1fr;gap:44px;padding:0 24px}
#pv-contact .fleft{position:static}
#pv-contact .fwrap{padding:110px 0 70px}}
@media(max-width:640px){#pv-contact .form{padding:32px 24px}
#pv-contact .ftrust-item{padding:20px 12px}
#pv-contact .ftrust-item .tn{font-size:26px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-download header, #pv-download section, #pv-download footer{position:relative;z-index:2}
#pv-download .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-download .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-download a{color:inherit;text-decoration:none}
#pv-download header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-download header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-download .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-download .logo-img{height:30px;width:auto;display:block}
#pv-download .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-download .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-download .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-download .nav-links a:hover, #pv-download .nav-links a.active{color:var(--ink)}
#pv-download .nav-links a:hover::after, #pv-download .nav-links a.active::after{width:100%}
#pv-download .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-download .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-download .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-download .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-download .btn-primary:hover::before{transform:translateX(120%)}
#pv-download .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-download .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-download .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-download .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-download footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-download .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-download .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-download .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-download .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-download .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-download .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-download .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-download .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-download .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-download .reveal.in{opacity:1;transform:none}
#pv-download .reveal[data-delay="1"]{transition-delay:.08s}
#pv-download .reveal[data-delay="2"]{transition-delay:.16s}
#pv-download .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-download .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-download .nav-links{display:none}
#pv-download .menu-btn{display:block}}
#pv-download .fwrap{padding:112px 0 90px;position:relative;background:linear-gradient(160deg,var(--paper-2),var(--paper) 55%);isolation:isolate}
#pv-download .fwrap::before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(12,55,113,.06),transparent 62%);pointer-events:none;z-index:-1}
#pv-download .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;max-width:1200px;margin:0 auto;padding:0 40px}
#pv-download .fleft{position:sticky;top:100px;align-self:start}
#pv-download .fleft .breadcrumb{margin-bottom:20px}
#pv-download .fleft .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:16px}
#pv-download .fleft h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.5;letter-spacing:.02em;margin-bottom:32px}
#pv-download .fleft .ftext{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-download .fleft .ftext strong{color:var(--navy);font-weight:500}
#pv-download .ftrust{display:flex;gap:0;margin-top:40px;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#pv-download .ftrust-item{flex:1;padding:26px 18px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-download .ftrust-item:last-child{border-right:none}
#pv-download .ftrust-item .tn{font-family:var(--serif);font-size:32px;color:var(--navy);line-height:1;font-weight:500}
#pv-download .ftrust-item .tn small{font-size:15px}
#pv-download .ftrust-item .tl{font-size:11.5px;color:var(--gray);margin-top:10px;line-height:1.5}
#pv-download .fpoints{margin-top:32px;display:flex;flex-direction:column;gap:14px}
#pv-download .fpoint{display:flex;gap:12px;align-items:flex-start}
#pv-download .fpoint .pc{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:1px}
#pv-download .fpoint .pc svg{width:12px;height:12px}
#pv-download .fpoint p{font-size:13.5px;color:var(--ink);line-height:1.7}
#pv-download .fright{}
#pv-download .form{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px 42px;box-shadow:var(--shadow-md)}
#pv-download .form-title{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-line)}
#pv-download .fg{margin-bottom:26px}
#pv-download .fg label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:11px;font-family:var(--serif)}
#pv-download .fg label .req{font-size:11px;color:#B14A4A;margin-left:8px;font-family:var(--sans)}
#pv-download .fg label .opt{font-size:11px;color:var(--gray);margin-left:8px;font-family:var(--sans)}
#pv-download .fg input[type=text], #pv-download .fg input[type=email], #pv-download .fg input[type=tel], #pv-download .fg textarea, #pv-download .fg select{width:100%;padding:14px 16px;border:1px solid var(--gray-line);border-radius:8px;font-size:15px;font-family:var(--sans);color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
#pv-download .fg input:focus, #pv-download .fg textarea:focus, #pv-download .fg select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,110,107,.12)}
#pv-download .fg textarea{resize:vertical;min-height:120px;line-height:1.8}
#pv-download .fg .hint{font-size:12px;color:var(--gray);margin-top:8px;line-height:1.6}
#pv-download .cons-group{display:flex;flex-direction:column;gap:9px}
#pv-download .cons-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--gray-line);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--paper)}
#pv-download .cons-opt:hover{border-color:var(--teal);background:#fff}
#pv-download .cons-opt input{accent-color:var(--teal);width:17px;height:17px;margin-top:2px;flex-shrink:0}
#pv-download .cons-opt .ct{font-size:13.5px;line-height:1.55}
#pv-download .cons-opt .ct b{display:block;font-weight:500;color:var(--navy);margin-bottom:3px;font-size:14px}
#pv-download .cons-opt .ct span{font-size:12px;color:var(--gray);line-height:1.55}
#pv-download .docs-mini{display:flex;flex-direction:column;gap:10px;margin-top:36px}
#pv-download .docmini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}
#pv-download .docmini .di{width:34px;height:34px;flex-shrink:0;color:var(--teal)}
#pv-download .docmini .dn{font-family:var(--serif);font-size:14px;color:var(--navy);line-height:1.5}
#pv-download .privacy{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:28px;background:var(--paper-2);padding:18px 20px;border-radius:10px}
#pv-download .privacy input{accent-color:var(--teal);width:18px;height:18px;margin-top:2px;flex-shrink:0}
#pv-download .privacy a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#pv-download .form-submit{width:100%;padding:19px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:16px;font-family:var(--serif);letter-spacing:.06em;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}
#pv-download .form-submit:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
#pv-download .form-note{text-align:center;font-size:12.5px;color:var(--gray);margin-top:20px;line-height:1.8}
@media(max-width:900px){#pv-download .fgrid{grid-template-columns:1fr;gap:44px;padding:0 24px}
#pv-download .fleft{position:static}
#pv-download .fwrap{padding:110px 0 70px}}
@media(max-width:640px){#pv-download .form{padding:32px 24px}
#pv-download .ftrust-item{padding:20px 12px}
#pv-download .ftrust-item .tn{font-size:26px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-recruit-entry header, #pv-recruit-entry section, #pv-recruit-entry footer{position:relative;z-index:2}
#pv-recruit-entry .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-recruit-entry .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-recruit-entry a{color:inherit;text-decoration:none}
#pv-recruit-entry header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-recruit-entry header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-recruit-entry .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-recruit-entry .logo-img{height:30px;width:auto;display:block}
#pv-recruit-entry .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-recruit-entry .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-recruit-entry .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-recruit-entry .nav-links a:hover, #pv-recruit-entry .nav-links a.active{color:var(--ink)}
#pv-recruit-entry .nav-links a:hover::after, #pv-recruit-entry .nav-links a.active::after{width:100%}
#pv-recruit-entry .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-recruit-entry .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-recruit-entry .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-recruit-entry .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-recruit-entry .btn-primary:hover::before{transform:translateX(120%)}
#pv-recruit-entry .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-recruit-entry .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-recruit-entry .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-recruit-entry .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-recruit-entry footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-recruit-entry .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-recruit-entry .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-recruit-entry .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-recruit-entry .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-recruit-entry .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-recruit-entry .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-recruit-entry .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-recruit-entry .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-recruit-entry .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-recruit-entry .reveal.in{opacity:1;transform:none}
#pv-recruit-entry .reveal[data-delay="1"]{transition-delay:.08s}
#pv-recruit-entry .reveal[data-delay="2"]{transition-delay:.16s}
#pv-recruit-entry .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-recruit-entry .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-recruit-entry .nav-links{display:none}
#pv-recruit-entry .menu-btn{display:block}}
#pv-recruit-entry .fwrap{padding:112px 0 90px;position:relative;background:linear-gradient(160deg,var(--paper-2),var(--paper) 55%);isolation:isolate}
#pv-recruit-entry .fwrap::before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(12,55,113,.06),transparent 62%);pointer-events:none;z-index:-1}
#pv-recruit-entry .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;max-width:1200px;margin:0 auto;padding:0 40px}
#pv-recruit-entry .fleft{position:sticky;top:100px;align-self:start}
#pv-recruit-entry .fleft .breadcrumb{margin-bottom:20px}
#pv-recruit-entry .fleft .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:16px}
#pv-recruit-entry .fleft h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.5;letter-spacing:.02em;margin-bottom:32px}
#pv-recruit-entry .fleft .ftext{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-recruit-entry .fleft .ftext strong{color:var(--navy);font-weight:500}
#pv-recruit-entry .ftrust{display:flex;gap:0;margin-top:40px;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#pv-recruit-entry .ftrust-item{flex:1;padding:26px 18px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-recruit-entry .ftrust-item:last-child{border-right:none}
#pv-recruit-entry .ftrust-item .tn{font-family:var(--serif);font-size:32px;color:var(--navy);line-height:1;font-weight:500}
#pv-recruit-entry .ftrust-item .tn small{font-size:15px}
#pv-recruit-entry .ftrust-item .tl{font-size:11.5px;color:var(--gray);margin-top:10px;line-height:1.5}
#pv-recruit-entry .fpoints{margin-top:32px;display:flex;flex-direction:column;gap:14px}
#pv-recruit-entry .fpoint{display:flex;gap:12px;align-items:flex-start}
#pv-recruit-entry .fpoint .pc{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:1px}
#pv-recruit-entry .fpoint .pc svg{width:12px;height:12px}
#pv-recruit-entry .fpoint p{font-size:13.5px;color:var(--ink);line-height:1.7}
#pv-recruit-entry .fright{}
#pv-recruit-entry .form{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px 42px;box-shadow:var(--shadow-md)}
#pv-recruit-entry .form-title{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-line)}
#pv-recruit-entry .fg{margin-bottom:26px}
#pv-recruit-entry .fg label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:11px;font-family:var(--serif)}
#pv-recruit-entry .fg label .req{font-size:11px;color:#B14A4A;margin-left:8px;font-family:var(--sans)}
#pv-recruit-entry .fg label .opt{font-size:11px;color:var(--gray);margin-left:8px;font-family:var(--sans)}
#pv-recruit-entry .fg input[type=text], #pv-recruit-entry .fg input[type=email], #pv-recruit-entry .fg input[type=tel], #pv-recruit-entry .fg textarea, #pv-recruit-entry .fg select{width:100%;padding:14px 16px;border:1px solid var(--gray-line);border-radius:8px;font-size:15px;font-family:var(--sans);color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
#pv-recruit-entry .fg input:focus, #pv-recruit-entry .fg textarea:focus, #pv-recruit-entry .fg select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,110,107,.12)}
#pv-recruit-entry .fg textarea{resize:vertical;min-height:120px;line-height:1.8}
#pv-recruit-entry .fg .hint{font-size:12px;color:var(--gray);margin-top:8px;line-height:1.6}
#pv-recruit-entry .cons-group{display:flex;flex-direction:column;gap:9px}
#pv-recruit-entry .cons-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--gray-line);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--paper)}
#pv-recruit-entry .cons-opt:hover{border-color:var(--teal);background:#fff}
#pv-recruit-entry .cons-opt input{accent-color:var(--teal);width:17px;height:17px;margin-top:2px;flex-shrink:0}
#pv-recruit-entry .cons-opt .ct{font-size:13.5px;line-height:1.55}
#pv-recruit-entry .cons-opt .ct b{display:block;font-weight:500;color:var(--navy);margin-bottom:3px;font-size:14px}
#pv-recruit-entry .cons-opt .ct span{font-size:12px;color:var(--gray);line-height:1.55}
#pv-recruit-entry .docs-mini{display:flex;flex-direction:column;gap:10px;margin-top:36px}
#pv-recruit-entry .docmini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}
#pv-recruit-entry .docmini .di{width:34px;height:34px;flex-shrink:0;color:var(--teal)}
#pv-recruit-entry .docmini .dn{font-family:var(--serif);font-size:14px;color:var(--navy);line-height:1.5}
#pv-recruit-entry .privacy{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:28px;background:var(--paper-2);padding:18px 20px;border-radius:10px}
#pv-recruit-entry .privacy input{accent-color:var(--teal);width:18px;height:18px;margin-top:2px;flex-shrink:0}
#pv-recruit-entry .privacy a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#pv-recruit-entry .form-submit{width:100%;padding:19px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:16px;font-family:var(--serif);letter-spacing:.06em;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}
#pv-recruit-entry .form-submit:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
#pv-recruit-entry .form-note{text-align:center;font-size:12.5px;color:var(--gray);margin-top:20px;line-height:1.8}
@media(max-width:900px){#pv-recruit-entry .fgrid{grid-template-columns:1fr;gap:44px;padding:0 24px}
#pv-recruit-entry .fleft{position:static}
#pv-recruit-entry .fwrap{padding:110px 0 70px}}
@media(max-width:640px){#pv-recruit-entry .form{padding:32px 24px}
#pv-recruit-entry .ftrust-item{padding:20px 12px}
#pv-recruit-entry .ftrust-item .tn{font-size:26px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-media-index header, #pv-media-index section, #pv-media-index footer{position:relative;z-index:2}
#pv-media-index .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-media-index .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-media-index a{color:inherit;text-decoration:none}
#pv-media-index header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-media-index header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-media-index .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-media-index .logo-img{height:30px;width:auto;display:block}
#pv-media-index .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-media-index .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-media-index .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-media-index .nav-links a:hover, #pv-media-index .nav-links a.active{color:var(--ink)}
#pv-media-index .nav-links a:hover::after, #pv-media-index .nav-links a.active::after{width:100%}
#pv-media-index .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-media-index .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-media-index .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-media-index .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-media-index .btn-primary:hover::before{transform:translateX(120%)}
#pv-media-index .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-media-index .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-media-index .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-media-index .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-media-index footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-media-index .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-media-index .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-media-index .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-media-index .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-media-index .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-media-index .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-media-index .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-media-index .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-media-index .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-media-index .reveal.in{opacity:1;transform:none}
#pv-media-index .reveal[data-delay="1"]{transition-delay:.08s}
#pv-media-index .reveal[data-delay="2"]{transition-delay:.16s}
#pv-media-index .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-media-index .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-media-index .nav-links{display:none}
#pv-media-index .menu-btn{display:block}}
#pv-media-index .sub-mv{padding:150px 0 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#pv-media-index .sub-mv::before{content:"";position:absolute;top:-20%;right:-8%;width:46%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.05),transparent 62%);pointer-events:none}
#pv-media-index .breadcrumb{font-size:12px;color:var(--gray);letter-spacing:.06em;margin-bottom:34px}
#pv-media-index .breadcrumb a:hover{color:var(--ink)}
#pv-media-index .breadcrumb .sep{margin:0 10px;color:var(--gray-line)}
#pv-media-index .sub-mv__en{font-family:var(--serif);font-size:14px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:18px}
#pv-media-index .sub-mv__ja{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.4vw,52px);line-height:1.4;letter-spacing:.02em}
#pv-media-index .filter{padding:44px 0;border-bottom:1px solid var(--gray-line)}
#pv-media-index .filter-row{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}
#pv-media-index .filter-row:last-child{margin-bottom:0}
#pv-media-index .filter-label{font-size:13px;color:var(--ink);font-weight:500;white-space:nowrap;padding-top:8px;min-width:80px}
#pv-media-index .filter-items{display:flex;gap:10px;flex-wrap:wrap}
#pv-media-index .filter-chip{font-size:13px;padding:8px 18px;border:1px solid var(--gray-line);border-radius:30px;color:var(--gray);transition:all .25s;cursor:pointer;white-space:nowrap;background:#fff}
#pv-media-index .filter-chip:hover{border-color:var(--navy);color:var(--navy)}
#pv-media-index .filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
#pv-media-index .contents{padding:70px 0 110px}
#pv-media-index .content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#pv-media-index .ccard{background:#fff;border:1px solid var(--gray-line);border-radius:10px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
#pv-media-index .ccard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-media-index .ccard__img{aspect-ratio:16/10;position:relative;overflow:hidden;border-bottom:1px solid var(--gray-line);background:linear-gradient(150deg,var(--navy),var(--navy-deep))}
#pv-media-index .ccard__img::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 65% 35%,black,transparent);mask-image:radial-gradient(ellipse 70% 70% at 65% 35%,black,transparent)}
#pv-media-index .ccard__img .ph-label{position:absolute;left:20px;bottom:18px;font-family:var(--serif);font-size:13px;color:rgba(255,255,255,.5);letter-spacing:.06em;z-index:2}
#pv-media-index .ccard__body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
#pv-media-index .ccard__info{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#pv-media-index .ccard__cat{font-size:11px;color:#fff;background:var(--teal);padding:4px 12px;border-radius:3px;letter-spacing:.04em}
#pv-media-index .ccard__date{font-size:12px;color:var(--gray)}
#pv-media-index .ccard__title{font-family:var(--serif);font-weight:500;font-size:16.5px;line-height:1.6;margin-bottom:18px;flex:1}
#pv-media-index .ccard__tags{display:flex;gap:8px;flex-wrap:wrap}
#pv-media-index .ccard__tags span{font-size:11px;color:var(--gray);background:var(--paper-2);padding:4px 10px;border-radius:20px}
#pv-media-index .pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:70px}
#pv-media-index .pager a, #pv-media-index .pager span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-line);border-radius:6px;font-size:14px;color:var(--gray);transition:all .25s;padding:0 6px}
#pv-media-index .pager a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
#pv-media-index .pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}
#pv-media-index .pager .dots{border:none}
#pv-media-index .contact-cta{padding:110px 0;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:var(--paper);position:relative;overflow:hidden;text-align:center}
#pv-media-index .contact-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%)}
#pv-media-index .contact-cta .cc-inner{position:relative;z-index:2}
#pv-media-index .contact-cta .cc-label{font-family:var(--serif);font-size:clamp(30px,4vw,50px);letter-spacing:.08em;margin-bottom:36px;font-weight:300}
#pv-media-index .contact-cta .cc-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
#pv-media-index .contact-cta .cc-btn{padding:16px 44px;border-radius:3px;font-size:15px;letter-spacing:.04em;transition:all .3s;border:1px solid rgba(255,255,255,.4);color:#fff}
#pv-media-index .contact-cta .cc-btn:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
#pv-media-index .contact-cta .cc-btn.primary{background:var(--paper);color:var(--navy);border-color:transparent}
#pv-media-index .contact-cta .cc-btn.primary:hover{background:#fff}
#pv-media-index .cc-btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
#pv-media-index .cc-btn.outline:hover{background:rgba(255,255,255,.12);color:#fff}
@media(max-width:900px){#pv-media-index .content-grid{grid-template-columns:1fr 1fr}
#pv-media-index .filter-row{flex-direction:column;gap:12px}
#pv-media-index .filter-label{padding-top:0}}
@media(max-width:560px){#pv-media-index .wrap{padding:0 22px}
#pv-media-index .sub-mv{padding:120px 0 40px}
#pv-media-index .content-grid{grid-template-columns:1fr}
#pv-media-index .contact-cta .cc-btns{flex-direction:column}}
#pv-media-index .nav-drop{position:relative;display:inline-flex;align-items:center}
#pv-media-index .nav-drop-t{display:inline-flex;align-items:center;gap:5px}
#pv-media-index .nav-caret{width:10px;height:7px;opacity:.6;transition:transform .28s}
#pv-media-index .nav-drop:hover .nav-caret{transform:rotate(180deg)}
#pv-media-index .nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    min-width:310px;background:#fff;border:1px solid var(--gray-line);border-radius:14px;
    box-shadow:0 18px 44px rgba(12,55,113,.14);padding:10px;display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,transform .26s,visibility .26s;z-index:60}
#pv-media-index .nav-drop:hover .nav-menu, #pv-media-index .nav-drop.open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
#pv-media-index .nav-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px}
#pv-media-index .nav-menu a{display:block;padding:12px 15px;border-radius:9px;transition:background .2s;text-decoration:none}
#pv-media-index .nav-menu a:hover{background:var(--paper-2)}
#pv-media-index .nav-menu a b{display:block;font-family:var(--serif);font-weight:500;font-size:13.5px;color:var(--navy);letter-spacing:.02em;margin-bottom:3px}
#pv-media-index .nav-menu a i{display:block;font-style:normal;font-size:11.5px;color:var(--gray);line-height:1.5}
#pv-media-index .nav-menu a.nav-menu-alt{margin-top:6px;padding-top:14px;border-top:1px solid var(--gray-line);border-radius:0 0 9px 9px}
#pv-media-index .nav-menu a.nav-menu-alt b{color:var(--teal)}
@media(max-width:900px){#pv-media-index .nav-drop{display:block;width:100%}
#pv-media-index .nav-drop-t{width:100%;justify-content:space-between}
#pv-media-index .nav-menu{position:static;transform:none;min-width:0;width:100%;box-shadow:none;border:none;
      background:transparent;padding:0 0 0 12px;max-height:0;overflow:hidden;
      opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s}
#pv-media-index .nav-drop.open .nav-menu{max-height:520px;transform:none;margin-top:6px}
#pv-media-index .nav-menu a{padding:10px 12px}}
#pv-media-index section[id]{scroll-margin-top:96px}
#pv-media-index .nav-cta{background:var(--navy);color:#fff !important;padding:11px 22px;border-radius:4px;
    font-size:13px;letter-spacing:.03em;transition:all .3s;white-space:nowrap;
    box-shadow:0 4px 14px rgba(12,55,113,.18)}
#pv-media-index .nav-cta:hover{background:var(--navy-deep);transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(12,55,113,.26)}
#pv-media-index .nav-cta::after{display:none !important}
@media(max-width:1180px){#pv-media-index .nav-links{gap:20px}
#pv-media-index .nav-cta{padding:10px 16px;font-size:12.5px}}
@media(max-width:900px){#pv-media-index .nav-cta{width:100%;text-align:center;margin-top:8px;padding:14px 20px;font-size:14px}}
@media(max-width:900px){#pv-media-index .nav-links{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;
      background:var(--paper);flex-direction:column;align-items:stretch;gap:0;
      padding:96px 26px 40px;box-shadow:-8px 0 40px rgba(12,55,113,.16);
      transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);
      overflow-y:auto;z-index:120;display:flex}
#pv-media-index .nav-links.open{transform:translateX(0)}
#pv-media-index .nav-links > a, #pv-media-index .nav-drop-t{padding:16px 4px;border-bottom:1px solid var(--gray-line);
      font-size:15px;color:var(--ink)}
#pv-media-index .nav-links a::after{display:none}
#pv-media-index .menu-btn{position:relative;z-index:130}
#pv-media-index .nav-overlay{position:fixed;inset:0;background:rgba(12,55,113,.35);
      opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:110}
#pv-media-index .nav-overlay.on{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}}
#pv-media-index header .nav-links{margin-right:0}
#pv-media-index .reveal.no-anim{opacity:1;transform:none;transition:none;transition-delay:0s}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-media-detail header, #pv-media-detail section, #pv-media-detail footer{position:relative;z-index:2}
#pv-media-detail .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-media-detail .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-media-detail a{color:inherit;text-decoration:none}
#pv-media-detail header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-media-detail header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-media-detail .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-media-detail .logo-img{height:30px;width:auto;display:block}
#pv-media-detail .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-media-detail .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-media-detail .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-media-detail .nav-links a:hover, #pv-media-detail .nav-links a.active{color:var(--ink)}
#pv-media-detail .nav-links a:hover::after, #pv-media-detail .nav-links a.active::after{width:100%}
#pv-media-detail .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-media-detail .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-media-detail .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-media-detail .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-media-detail .btn-primary:hover::before{transform:translateX(120%)}
#pv-media-detail .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-media-detail .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-media-detail .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-media-detail .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-media-detail footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-media-detail .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-media-detail .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-media-detail .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-media-detail .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-media-detail .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-media-detail .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-media-detail .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-media-detail .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-media-detail .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-media-detail .reveal.in{opacity:1;transform:none}
#pv-media-detail .reveal[data-delay="1"]{transition-delay:.08s}
#pv-media-detail .reveal[data-delay="2"]{transition-delay:.16s}
#pv-media-detail .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-media-detail .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-media-detail .nav-links{display:none}
#pv-media-detail .menu-btn{display:block}}
#pv-media-detail .art-hero{padding:140px 0 50px;border-bottom:1px solid var(--gray-line);background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#pv-media-detail .breadcrumb{font-size:12px;color:var(--gray);letter-spacing:.06em;margin-bottom:28px}
#pv-media-detail .breadcrumb a:hover{color:var(--ink)}
#pv-media-detail .breadcrumb .sep{margin:0 10px;color:var(--gray-line)}
#pv-media-detail .art-info{display:flex;align-items:center;gap:16px;margin-bottom:22px}
#pv-media-detail .art-cat-tag{display:inline-block;font-size:12px;color:var(--teal);letter-spacing:.08em;font-weight:500}
#pv-media-detail .art-date{font-size:12px;color:var(--gray)}
#pv-media-detail .art-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.8vw,44px);line-height:1.5;letter-spacing:.01em;margin-bottom:26px;max-width:860px}
#pv-media-detail .art-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
#pv-media-detail .art-tags a{font-size:12px;color:var(--gray);border:1px solid var(--gray-line);padding:6px 14px;border-radius:20px;transition:all .25s}
#pv-media-detail .art-tags a:hover{border-color:var(--navy);color:var(--navy)}
#pv-media-detail .art-author-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#pv-media-detail .art-author-top .aa-label{font-size:11px;letter-spacing:.1em;color:var(--gray);border-right:1px solid var(--gray-line);padding-right:14px}
#pv-media-detail .art-author-top .aa-name{font-family:var(--serif);font-size:15px;color:var(--ink)}
#pv-media-detail .art-author-top .aa-role{font-size:12px;color:var(--teal);margin-left:8px}
#pv-media-detail .art-layout{padding:56px 0 100px}
#pv-media-detail .art-layout .wrap{display:grid;grid-template-columns:1fr 260px;gap:70px;align-items:start}
#pv-media-detail .art-body{max-width:100%;font-size:16px;line-height:2.05;color:#2A2E36}
#pv-media-detail .art-thumb{height:340px;border-radius:12px;overflow:hidden;margin-bottom:48px;background:linear-gradient(150deg,var(--navy),var(--navy-deep));position:relative}
#pv-media-detail .art-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,black,transparent 75%)}
#pv-media-detail .art-body h2{font-family:var(--serif);font-weight:500;font-size:27px;line-height:1.5;margin:56px 0 24px;padding-top:20px;scroll-margin-top:100px;position:relative}
#pv-media-detail .art-body h2::before{content:"";position:absolute;top:-4px;left:0;width:44px;height:3px;background:var(--teal)}
#pv-media-detail .art-body h3{font-family:var(--serif);font-weight:500;font-size:20px;margin:40px 0 16px;scroll-margin-top:100px}
#pv-media-detail .art-body p{margin-bottom:24px}
#pv-media-detail .art-body ul{margin:0 0 24px 0;padding-left:0;list-style:none}
#pv-media-detail .art-body ul li{position:relative;padding-left:26px;margin-bottom:12px}
#pv-media-detail .art-body ul li::before{content:"";position:absolute;left:6px;top:13px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
#pv-media-detail .art-body strong{font-weight:700;color:var(--navy)}
#pv-media-detail .art-body table{width:100%;border-collapse:collapse;margin:32px 0;font-size:14.5px}
#pv-media-detail .art-body table th{background:var(--navy);color:#fff;padding:14px 16px;text-align:left;font-weight:500}
#pv-media-detail .art-body table th strong{color:#fff}
#pv-media-detail .art-body table td{padding:14px 16px;border-bottom:1px solid var(--gray-line);vertical-align:top}
#pv-media-detail .art-body table tr:nth-child(even) td{background:var(--paper-2)}
/* Word/Docs貼付け由来のインラインstyle（固定pt/px幅・分数%セル幅）を吸収し、
   はみ出し・崩れを防ぐ。色・ボーダー・paddingはインライン側の意図を尊重し、
   幅・レイアウト・折り返しの是正のみに限定する。 */
#pv-media-detail .art-body table{width:100% !important;max-width:100% !important;table-layout:auto;display:table}
#pv-media-detail .art-body table th,#pv-media-detail .art-body table td{width:auto !important;max-width:none;white-space:normal !important;word-break:break-word}
#pv-media-detail .art-body table col{width:auto !important}
#pv-media-detail .art-body .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 本文中に直接貼られた画像（<p>の子孫）の原寸はみ出し対策。
   leadgrid-blogcard内の画像は<p>の子孫ではないため対象外（別ステップで扱う）。 */
#pv-media-detail .art-body p img{max-width:100%;height:auto;display:block;margin:24px auto}
/* leadgrid-blogcard：カード化・画像固定サイズ化。<p>の子孫ではないため
   上の .art-body p img とは自動的にすみ分けられ、干渉しない。 */
#pv-media-detail .art-body figure.leadgrid-blogcard{display:flex;gap:20px;margin:32px 0;padding:16px;border:1px solid var(--gray-line);border-radius:12px;background:var(--paper)}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__cover{display:none}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__link{display:flex;flex-direction:row-reverse;align-items:center;gap:20px;width:100%;text-decoration:none;color:inherit}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__eyecatch{flex:0 0 160px;width:160px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--paper-2)}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__eyecatch img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__meta{flex:1;min-width:0}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__title{font-weight:600;font-size:15.5px;line-height:1.6;color:var(--ink);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__description{font-size:13px;line-height:1.7;color:var(--gray);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__domain{font-size:12px;color:var(--gray);margin:0;opacity:.7}
@media(max-width:600px){#pv-media-detail .art-body figure.leadgrid-blogcard .leadgrid-blogcard__eyecatch{flex:0 0 96px;width:96px}}
#pv-media-detail .art-body a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
#pv-media-detail .article-cta{margin:48px 0;padding:44px 46px;background:var(--paper-2);border-radius:12px;border:1px solid var(--gray-line);text-align:center}
#pv-media-detail .article-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.4vw,26px);line-height:1.5;margin:0 0 18px;padding:0;color:var(--ink)}
#pv-media-detail .article-cta h2::before{display:none}
#pv-media-detail .article-cta p{font-size:14.5px;color:var(--gray);line-height:1.95;margin:0 auto 28px;max-width:600px}
#pv-media-detail .article-cta .ac-btn{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:16px 40px;border-radius:3px;font-size:15px;letter-spacing:.04em;transition:all .3s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-md);text-decoration:none}
#pv-media-detail .article-cta .ac-btn:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-media-detail .article-cta.dark{background:linear-gradient(135deg,var(--navy),var(--navy-deep));border-color:transparent;position:relative;overflow:hidden}
#pv-media-detail .article-cta.dark::before{content:"";position:absolute;inset:0;display:block;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black,transparent);mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black,transparent)}
#pv-media-detail .article-cta.dark h2{color:#fff;position:relative;z-index:2}
#pv-media-detail .article-cta.dark p{color:#C4CCDA;position:relative;z-index:2}
#pv-media-detail .article-cta.dark .ac-btn{background:var(--paper);color:var(--navy);position:relative;z-index:2}
#pv-media-detail .article-cta.dark .ac-btn:hover{background:#fff}
#pv-media-detail .art-side{position:sticky;top:100px;display:flex;flex-direction:column;max-height:calc(100vh - 130px)}
#pv-media-detail .toc{border:1px solid var(--gray-line);border-radius:10px;padding:26px 24px;background:#fff;box-shadow:var(--shadow-sm)}
#pv-media-detail .toc h4{font-size:12px;letter-spacing:.1em;color:var(--gray);margin-bottom:18px;font-weight:500}
#pv-media-detail .toc a{display:block;font-size:13.5px;color:var(--gray);padding:8px 0 8px 14px;border-left:2px solid var(--gray-line);transition:all .2s;line-height:1.5}
#pv-media-detail .toc a:hover, #pv-media-detail .toc a.active{color:var(--navy);border-left-color:var(--teal)}
#pv-media-detail .toc a.toc-h3{font-size:12.5px;padding-left:28px;color:var(--gray)}
#pv-media-detail .side-cta{margin-top:24px;border-radius:10px;padding:28px 24px;background:linear-gradient(150deg,var(--navy),var(--navy-deep));color:var(--paper)}
#pv-media-detail .side-cta p{font-size:14px;line-height:1.8;margin-bottom:18px;color:#C4CCDA}
#pv-media-detail .side-cta .btn-primary{background:var(--paper);color:var(--navy);width:100%;justify-content:center;padding:14px}
/* 目次が長くてもCTA（資料請求）が画面外に押し出されないようにする。
   追従しているのは目次でもCTAでもなく、両方を包む .art-side 1つ。
   これを縦フレックスにして「余った高さは目次だけが吸う」形にする。
   - 目次が収まる長さのときは縮まないので、スクロールバーも出ず従来と同じ見た目
   - 高さの計算にCTAの高さを入れていないので、CTAの文言を変えても再調整は不要 */
#pv-media-detail .toc{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:0;
  scrollbar-width:thin;scrollbar-color:var(--gray-line) transparent}
#pv-media-detail .toc::-webkit-scrollbar{width:6px}
#pv-media-detail .toc::-webkit-scrollbar-track{background:transparent}
#pv-media-detail .toc::-webkit-scrollbar-thumb{background:var(--gray-line);border-radius:3px}
#pv-media-detail .toc::-webkit-scrollbar-thumb:hover{background:#C4CCDA}
/* スクロールしても「目次」の見出しは残す。
   枠の上余白26pxは .toc から外して h4 の padding へ移す。
   （.toc 側に残すと、その26pxの帯に項目がスクロールで覗いてしまう）
   合計の間隔は元のまま（上26px / 下10+8=18px）なので、スクロールしていないときの見た目は変わらない。 */
#pv-media-detail .toc h4{position:sticky;top:0;z-index:1;background:#fff;margin:0 0 8px;padding:26px 0 10px}
#pv-media-detail .side-cta{flex:0 0 auto}
#pv-media-detail .art-share{border-top:1px solid var(--gray-line);border-bottom:1px solid var(--gray-line);padding:26px 0;margin:56px 0 0;display:flex;align-items:center;gap:18px}
#pv-media-detail .art-share span{font-size:12px;letter-spacing:.08em;color:var(--gray)}
#pv-media-detail .art-share a{width:40px;height:40px;border:1px solid var(--gray-line);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--gray);transition:all .25s}
#pv-media-detail .art-share a:hover{border-color:var(--navy);color:var(--navy)}
#pv-media-detail .author-box{display:flex;gap:20px;padding:32px;background:var(--paper-2);border-radius:12px;margin-top:48px}
#pv-media-detail .author-box .ab-name-wrap{flex:1}
#pv-media-detail .author-box .ab-role{font-size:12px;color:var(--teal);margin-bottom:4px}
#pv-media-detail .author-box .ab-name{font-family:var(--serif);font-size:19px;margin-bottom:14px}
#pv-media-detail .author-box .ab-bio{font-size:13px;color:var(--gray);line-height:1.9}
#pv-media-detail .author-box .ab-meta{font-size:12px;color:var(--gray);line-height:1.9;margin-top:10px}
#pv-media-detail .author-box .ab-meta .abm-label{display:inline-block;min-width:64px;color:var(--teal);letter-spacing:.04em}
#pv-media-detail .author-box .ab-meta .abm-link{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
#pv-media-detail .related-arts{padding:100px 0;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
#pv-media-detail .related-arts h2{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,34px);margin-bottom:44px}
#pv-media-detail .rel-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#pv-media-detail .rcard{background:#fff;border:1px solid var(--gray-line);border-radius:10px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;box-shadow:var(--shadow-sm)}
#pv-media-detail .rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
#pv-media-detail .rcard .rv{height:150px;position:relative;overflow:hidden}
#pv-media-detail .rcard .rv.v-navy{background:linear-gradient(150deg,var(--navy),var(--navy-deep))}
#pv-media-detail .rcard .rv.v-teal{background:linear-gradient(150deg,var(--teal),#1F4F4C)}
#pv-media-detail .rcard .rv.v-light{background:linear-gradient(150deg,var(--paper-2),var(--paper-3))}
#pv-media-detail .rcard .rv .rn{position:absolute;bottom:-12px;right:12px;font-family:var(--serif);font-size:84px;line-height:1;color:rgba(255,255,255,.08)}
#pv-media-detail .rcard .rv.v-light .rn{color:rgba(12,55,113,.06)}
#pv-media-detail .rcard .rb{padding:24px 22px 26px}
#pv-media-detail .rcard .rc{font-size:11px;color:var(--teal);letter-spacing:.08em;margin-bottom:14px;font-weight:500}
#pv-media-detail .rcard h3{font-family:var(--serif);font-weight:400;font-size:16px;line-height:1.6;margin-bottom:16px}
#pv-media-detail .rcard .rm{font-size:12px;color:var(--gray)}
#pv-media-detail .contact-cta{padding:110px 0;background:linear-gradient(135deg,var(--navy),var(--navy-deep));color:var(--paper);position:relative;overflow:hidden;text-align:center}
#pv-media-detail .contact-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 75%)}
#pv-media-detail .contact-cta .cc-inner{position:relative;z-index:2}
#pv-media-detail .contact-cta .cc-label{font-family:var(--serif);font-size:clamp(30px,4vw,50px);letter-spacing:.08em;margin-bottom:36px;font-weight:300}
#pv-media-detail .contact-cta .cc-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
#pv-media-detail .contact-cta .cc-btn{padding:16px 44px;border-radius:3px;font-size:15px;letter-spacing:.04em;transition:all .3s;border:1px solid rgba(255,255,255,.4);color:#fff}
#pv-media-detail .contact-cta .cc-btn:hover{background:#fff;color:var(--navy);transform:translateY(-2px)}
#pv-media-detail .contact-cta .cc-btn.primary{background:var(--paper);color:var(--navy);border-color:transparent}
#pv-media-detail .contact-cta .cc-btn.primary:hover{background:#fff}
#pv-media-detail .cc-btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
#pv-media-detail .cc-btn.outline:hover{background:rgba(255,255,255,.12);color:#fff}
@media(max-width:900px){#pv-media-detail .art-layout .wrap{grid-template-columns:1fr;gap:0}
#pv-media-detail .art-side{display:none}
#pv-media-detail .rel-grid3{grid-template-columns:1fr}
#pv-media-detail .art-body table{font-size:13px}
#pv-media-detail .art-body table th, #pv-media-detail .art-body table td{padding:10px}}
@media(max-width:560px){#pv-media-detail .wrap, #pv-media-detail .wrap-narrow{padding:0 22px}
#pv-media-detail .art-hero{padding:120px 0 40px}
#pv-media-detail .article-cta{padding:32px 24px}
#pv-media-detail .contact-cta .cc-btns{flex-direction:column}}
#pv-media-detail .nav-drop{position:relative;display:inline-flex;align-items:center}
#pv-media-detail .nav-drop-t{display:inline-flex;align-items:center;gap:5px}
#pv-media-detail .nav-caret{width:10px;height:7px;opacity:.6;transition:transform .28s}
#pv-media-detail .nav-drop:hover .nav-caret{transform:rotate(180deg)}
#pv-media-detail .nav-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);
    min-width:310px;background:#fff;border:1px solid var(--gray-line);border-radius:14px;
    box-shadow:0 18px 44px rgba(12,55,113,.14);padding:10px;display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s,transform .26s,visibility .26s;z-index:60}
#pv-media-detail .nav-drop:hover .nav-menu, #pv-media-detail .nav-drop.open .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
#pv-media-detail .nav-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px}
#pv-media-detail .nav-menu a{display:block;padding:12px 15px;border-radius:9px;transition:background .2s;text-decoration:none}
#pv-media-detail .nav-menu a:hover{background:var(--paper-2)}
#pv-media-detail .nav-menu a b{display:block;font-family:var(--serif);font-weight:500;font-size:13.5px;color:var(--navy);letter-spacing:.02em;margin-bottom:3px}
#pv-media-detail .nav-menu a i{display:block;font-style:normal;font-size:11.5px;color:var(--gray);line-height:1.5}
#pv-media-detail .nav-menu a.nav-menu-alt{margin-top:6px;padding-top:14px;border-top:1px solid var(--gray-line);border-radius:0 0 9px 9px}
#pv-media-detail .nav-menu a.nav-menu-alt b{color:var(--teal)}
@media(max-width:900px){#pv-media-detail .nav-drop{display:block;width:100%}
#pv-media-detail .nav-drop-t{width:100%;justify-content:space-between}
#pv-media-detail .nav-menu{position:static;transform:none;min-width:0;width:100%;box-shadow:none;border:none;
      background:transparent;padding:0 0 0 12px;max-height:0;overflow:hidden;
      opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s}
#pv-media-detail .nav-drop.open .nav-menu{max-height:520px;transform:none;margin-top:6px}
#pv-media-detail .nav-menu a{padding:10px 12px}}
#pv-media-detail section[id]{scroll-margin-top:96px}
#pv-media-detail .nav-cta{background:var(--navy);color:#fff !important;padding:11px 22px;border-radius:4px;
    font-size:13px;letter-spacing:.03em;transition:all .3s;white-space:nowrap;
    box-shadow:0 4px 14px rgba(12,55,113,.18)}
#pv-media-detail .nav-cta:hover{background:var(--navy-deep);transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(12,55,113,.26)}
#pv-media-detail .nav-cta::after{display:none !important}
@media(max-width:1180px){#pv-media-detail .nav-links{gap:20px}
#pv-media-detail .nav-cta{padding:10px 16px;font-size:12.5px}}
@media(max-width:900px){#pv-media-detail .nav-cta{width:100%;text-align:center;margin-top:8px;padding:14px 20px;font-size:14px}}
@media(max-width:900px){#pv-media-detail .nav-links{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;
      background:var(--paper);flex-direction:column;align-items:stretch;gap:0;
      padding:96px 26px 40px;box-shadow:-8px 0 40px rgba(12,55,113,.16);
      transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);
      overflow-y:auto;z-index:120;display:flex}
#pv-media-detail .nav-links.open{transform:translateX(0)}
#pv-media-detail .nav-links > a, #pv-media-detail .nav-drop-t{padding:16px 4px;border-bottom:1px solid var(--gray-line);
      font-size:15px;color:var(--ink)}
#pv-media-detail .nav-links a::after{display:none}
#pv-media-detail .menu-btn{position:relative;z-index:130}
#pv-media-detail .nav-overlay{position:fixed;inset:0;background:rgba(12,55,113,.35);
      opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:110}
#pv-media-detail .nav-overlay.on{opacity:1;visibility:visible}
body.nav-open{overflow:hidden}}
#pv-media-detail header .nav-links{margin-right:0}
#pv-media-detail .reveal.no-anim{opacity:1;transform:none;transition:none;transition-delay:0s}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-liscore-download header, #pv-liscore-download section, #pv-liscore-download footer{position:relative;z-index:2}
#pv-liscore-download .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-liscore-download .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-liscore-download a{color:inherit;text-decoration:none}
#pv-liscore-download header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-liscore-download header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-liscore-download .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-liscore-download .logo-img{height:30px;width:auto;display:block}
#pv-liscore-download .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-liscore-download .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-liscore-download .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-liscore-download .nav-links a:hover, #pv-liscore-download .nav-links a.active{color:var(--ink)}
#pv-liscore-download .nav-links a:hover::after, #pv-liscore-download .nav-links a.active::after{width:100%}
#pv-liscore-download .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-liscore-download .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-liscore-download .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-liscore-download .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-liscore-download .btn-primary:hover::before{transform:translateX(120%)}
#pv-liscore-download .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-liscore-download .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-liscore-download .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-liscore-download .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-liscore-download footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-liscore-download .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-liscore-download .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-liscore-download .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-liscore-download .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-liscore-download .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-liscore-download .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-liscore-download .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-liscore-download .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-liscore-download .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-liscore-download .reveal.in{opacity:1;transform:none}
#pv-liscore-download .reveal[data-delay="1"]{transition-delay:.08s}
#pv-liscore-download .reveal[data-delay="2"]{transition-delay:.16s}
#pv-liscore-download .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-liscore-download .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-liscore-download .nav-links{display:none}
#pv-liscore-download .menu-btn{display:block}}
#pv-liscore-download .fwrap{padding:112px 0 90px;position:relative;background:linear-gradient(160deg,var(--paper-2),var(--paper) 55%);isolation:isolate}
#pv-liscore-download .fwrap::before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(12,55,113,.06),transparent 62%);pointer-events:none;z-index:-1}
#pv-liscore-download .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;max-width:1200px;margin:0 auto;padding:0 40px}
#pv-liscore-download .fleft{position:sticky;top:100px;align-self:start}
#pv-liscore-download .fleft .breadcrumb{margin-bottom:20px}
#pv-liscore-download .fleft .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:16px}
#pv-liscore-download .fleft h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.5;letter-spacing:.02em;margin-bottom:32px}
#pv-liscore-download .fleft .ftext{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-liscore-download .fleft .ftext strong{color:var(--navy);font-weight:500}
#pv-liscore-download .ftrust{display:flex;gap:0;margin-top:40px;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#pv-liscore-download .ftrust-item{flex:1;padding:26px 18px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-liscore-download .ftrust-item:last-child{border-right:none}
#pv-liscore-download .ftrust-item .tn{font-family:var(--serif);font-size:30px;color:var(--navy);line-height:1;font-weight:500}
#pv-liscore-download .ftrust-item .tn small{font-size:14px}
#pv-liscore-download .ftrust-item .tl{font-size:11.5px;color:var(--gray);margin-top:10px;line-height:1.5}
#pv-liscore-download .fpoints{margin-top:32px;display:flex;flex-direction:column;gap:14px}
#pv-liscore-download .fpoint{display:flex;gap:12px;align-items:flex-start}
#pv-liscore-download .fpoint .pc{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:1px}
#pv-liscore-download .fpoint .pc svg{width:12px;height:12px}
#pv-liscore-download .fpoint p{font-size:13.5px;color:var(--ink);line-height:1.7}
#pv-liscore-download .form{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px 42px;box-shadow:var(--shadow-md)}
#pv-liscore-download .form-title{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-line)}
#pv-liscore-download .fg{margin-bottom:26px}
#pv-liscore-download .fg label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:11px;font-family:var(--serif)}
#pv-liscore-download .fg label .req{font-size:11px;color:#B14A4A;margin-left:8px;font-family:var(--sans)}
#pv-liscore-download .fg label .opt{font-size:11px;color:var(--gray);margin-left:8px;font-family:var(--sans)}
#pv-liscore-download .fg input[type=text], #pv-liscore-download .fg input[type=email], #pv-liscore-download .fg input[type=tel], #pv-liscore-download .fg textarea, #pv-liscore-download .fg select{width:100%;padding:14px 16px;border:1px solid var(--gray-line);border-radius:8px;font-size:15px;font-family:var(--sans);color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
#pv-liscore-download .fg input:focus, #pv-liscore-download .fg textarea:focus, #pv-liscore-download .fg select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,110,107,.12)}
#pv-liscore-download .fg textarea{resize:vertical;min-height:120px;line-height:1.8}
#pv-liscore-download .fg .hint{font-size:12px;color:var(--gray);margin-top:8px;line-height:1.6}
#pv-liscore-download .cons-group{display:flex;flex-direction:column;gap:9px}
#pv-liscore-download .cons-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--gray-line);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--paper)}
#pv-liscore-download .cons-opt:hover{border-color:var(--teal);background:#fff}
#pv-liscore-download .cons-opt input{accent-color:var(--teal);width:17px;height:17px;margin-top:2px;flex-shrink:0}
#pv-liscore-download .cons-opt .ct{font-size:13.5px;line-height:1.55}
#pv-liscore-download .cons-opt .ct b{display:block;font-weight:500;color:var(--navy);margin-bottom:3px;font-size:14px}
#pv-liscore-download .cons-opt .ct span{font-size:12px;color:var(--gray);line-height:1.55}
#pv-liscore-download .docs-mini{display:flex;flex-direction:column;gap:10px;margin-top:36px}
#pv-liscore-download .docmini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}
#pv-liscore-download .docmini .di{width:34px;height:34px;flex-shrink:0;color:var(--teal)}
#pv-liscore-download .docmini .dn{font-family:var(--serif);font-size:14px;color:var(--navy);line-height:1.5}
#pv-liscore-download .privacy{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:28px;background:var(--paper-2);padding:18px 20px;border-radius:10px}
#pv-liscore-download .privacy input{accent-color:var(--teal);width:18px;height:18px;margin-top:2px;flex-shrink:0}
#pv-liscore-download .privacy a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#pv-liscore-download .form-submit{width:100%;padding:19px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:16px;font-family:var(--serif);letter-spacing:.06em;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}
#pv-liscore-download .form-submit:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
#pv-liscore-download .form-note{text-align:center;font-size:12.5px;color:var(--gray);margin-top:20px;line-height:1.8}
@media(max-width:900px){#pv-liscore-download .fgrid{grid-template-columns:1fr;gap:44px;padding:0 24px}
#pv-liscore-download .fleft{position:static}
#pv-liscore-download .fwrap{padding:110px 0 70px}}
@media(max-width:640px){#pv-liscore-download .form{padding:32px 24px}
#pv-liscore-download .ftrust-item{padding:20px 12px}
#pv-liscore-download .ftrust-item .tn{font-size:26px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-liscore-beta header, #pv-liscore-beta section, #pv-liscore-beta footer{position:relative;z-index:2}
#pv-liscore-beta .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-liscore-beta .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-liscore-beta a{color:inherit;text-decoration:none}
#pv-liscore-beta header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-liscore-beta header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-liscore-beta .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-liscore-beta .logo-img{height:30px;width:auto;display:block}
#pv-liscore-beta .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-liscore-beta .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-liscore-beta .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-liscore-beta .nav-links a:hover, #pv-liscore-beta .nav-links a.active{color:var(--ink)}
#pv-liscore-beta .nav-links a:hover::after, #pv-liscore-beta .nav-links a.active::after{width:100%}
#pv-liscore-beta .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-liscore-beta .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-liscore-beta .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-liscore-beta .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-liscore-beta .btn-primary:hover::before{transform:translateX(120%)}
#pv-liscore-beta .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-liscore-beta .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-liscore-beta .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-liscore-beta .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-liscore-beta footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-liscore-beta .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-liscore-beta .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-liscore-beta .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-liscore-beta .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-liscore-beta .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-liscore-beta .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-liscore-beta .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-liscore-beta .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-liscore-beta .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-liscore-beta .reveal.in{opacity:1;transform:none}
#pv-liscore-beta .reveal[data-delay="1"]{transition-delay:.08s}
#pv-liscore-beta .reveal[data-delay="2"]{transition-delay:.16s}
#pv-liscore-beta .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-liscore-beta .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-liscore-beta .nav-links{display:none}
#pv-liscore-beta .menu-btn{display:block}}
#pv-liscore-beta .fwrap{padding:112px 0 90px;position:relative;background:linear-gradient(160deg,var(--paper-2),var(--paper) 55%);isolation:isolate}
#pv-liscore-beta .fwrap::before{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(12,55,113,.06),transparent 62%);pointer-events:none;z-index:-1}
#pv-liscore-beta .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;max-width:1200px;margin:0 auto;padding:0 40px}
#pv-liscore-beta .fleft{position:sticky;top:100px;align-self:start}
#pv-liscore-beta .fleft .breadcrumb{margin-bottom:20px}
#pv-liscore-beta .fleft .eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;margin-bottom:16px}
#pv-liscore-beta .fleft h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.2vw,40px);line-height:1.5;letter-spacing:.02em;margin-bottom:32px}
#pv-liscore-beta .fleft .ftext{font-size:15px;color:var(--gray);line-height:2.15;margin-bottom:22px}
#pv-liscore-beta .fleft .ftext strong{color:var(--navy);font-weight:500}
#pv-liscore-beta .ftrust{display:flex;gap:0;margin-top:40px;border:1px solid var(--gray-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
#pv-liscore-beta .ftrust-item{flex:1;padding:26px 18px;text-align:center;border-right:1px solid var(--gray-line)}
#pv-liscore-beta .ftrust-item:last-child{border-right:none}
#pv-liscore-beta .ftrust-item .tn{font-family:var(--serif);font-size:30px;color:var(--navy);line-height:1;font-weight:500}
#pv-liscore-beta .ftrust-item .tn small{font-size:14px}
#pv-liscore-beta .ftrust-item .tl{font-size:11.5px;color:var(--gray);margin-top:10px;line-height:1.5}
#pv-liscore-beta .fpoints{margin-top:32px;display:flex;flex-direction:column;gap:14px}
#pv-liscore-beta .fpoint{display:flex;gap:12px;align-items:flex-start}
#pv-liscore-beta .fpoint .pc{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin-top:1px}
#pv-liscore-beta .fpoint .pc svg{width:12px;height:12px}
#pv-liscore-beta .fpoint p{font-size:13.5px;color:var(--ink);line-height:1.7}
#pv-liscore-beta .form{background:#fff;border:1px solid var(--gray-line);border-radius:20px;padding:44px 42px;box-shadow:var(--shadow-md)}
#pv-liscore-beta .form-title{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--gray-line)}
#pv-liscore-beta .fg{margin-bottom:26px}
#pv-liscore-beta .fg label{display:block;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:11px;font-family:var(--serif)}
#pv-liscore-beta .fg label .req{font-size:11px;color:#B14A4A;margin-left:8px;font-family:var(--sans)}
#pv-liscore-beta .fg label .opt{font-size:11px;color:var(--gray);margin-left:8px;font-family:var(--sans)}
#pv-liscore-beta .fg input[type=text], #pv-liscore-beta .fg input[type=email], #pv-liscore-beta .fg input[type=tel], #pv-liscore-beta .fg textarea, #pv-liscore-beta .fg select{width:100%;padding:14px 16px;border:1px solid var(--gray-line);border-radius:8px;font-size:15px;font-family:var(--sans);color:var(--ink);background:var(--paper);transition:border-color .2s,box-shadow .2s}
#pv-liscore-beta .fg input:focus, #pv-liscore-beta .fg textarea:focus, #pv-liscore-beta .fg select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(44,110,107,.12)}
#pv-liscore-beta .fg textarea{resize:vertical;min-height:120px;line-height:1.8}
#pv-liscore-beta .fg .hint{font-size:12px;color:var(--gray);margin-top:8px;line-height:1.6}
#pv-liscore-beta .cons-group{display:flex;flex-direction:column;gap:9px}
#pv-liscore-beta .cons-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--gray-line);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--paper)}
#pv-liscore-beta .cons-opt:hover{border-color:var(--teal);background:#fff}
#pv-liscore-beta .cons-opt input{accent-color:var(--teal);width:17px;height:17px;margin-top:2px;flex-shrink:0}
#pv-liscore-beta .cons-opt .ct{font-size:13.5px;line-height:1.55}
#pv-liscore-beta .cons-opt .ct b{display:block;font-weight:500;color:var(--navy);margin-bottom:3px;font-size:14px}
#pv-liscore-beta .cons-opt .ct span{font-size:12px;color:var(--gray);line-height:1.55}
#pv-liscore-beta .docs-mini{display:flex;flex-direction:column;gap:10px;margin-top:36px}
#pv-liscore-beta .docmini{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--gray-line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}
#pv-liscore-beta .docmini .di{width:34px;height:34px;flex-shrink:0;color:var(--teal)}
#pv-liscore-beta .docmini .dn{font-family:var(--serif);font-size:14px;color:var(--navy);line-height:1.5}
#pv-liscore-beta .privacy{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:28px;background:var(--paper-2);padding:18px 20px;border-radius:10px}
#pv-liscore-beta .privacy input{accent-color:var(--teal);width:18px;height:18px;margin-top:2px;flex-shrink:0}
#pv-liscore-beta .privacy a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
#pv-liscore-beta .form-submit{width:100%;padding:19px;background:var(--navy);color:#fff;border:none;border-radius:8px;font-size:16px;font-family:var(--serif);letter-spacing:.06em;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}
#pv-liscore-beta .form-submit:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
#pv-liscore-beta .form-note{text-align:center;font-size:12.5px;color:var(--gray);margin-top:20px;line-height:1.8}
@media(max-width:900px){#pv-liscore-beta .fgrid{grid-template-columns:1fr;gap:44px;padding:0 24px}
#pv-liscore-beta .fleft{position:static}
#pv-liscore-beta .fwrap{padding:110px 0 70px}}
@media(max-width:640px){#pv-liscore-beta .form{padding:32px 24px}
#pv-liscore-beta .ftrust-item{padding:20px 12px}
#pv-liscore-beta .ftrust-item .tn{font-size:26px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-privacy header, #pv-privacy section, #pv-privacy footer{position:relative;z-index:2}
#pv-privacy .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-privacy .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-privacy a{color:inherit;text-decoration:none}
#pv-privacy header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-privacy header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-privacy .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-privacy .logo-img{height:30px;width:auto;display:block}
#pv-privacy .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-privacy .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-privacy .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-privacy .nav-links a:hover, #pv-privacy .nav-links a.active{color:var(--ink)}
#pv-privacy .nav-links a:hover::after, #pv-privacy .nav-links a.active::after{width:100%}
#pv-privacy .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-privacy .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-privacy .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-privacy .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-privacy .btn-primary:hover::before{transform:translateX(120%)}
#pv-privacy .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-privacy .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-privacy .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-privacy .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-privacy footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-privacy .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-privacy .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-privacy .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-privacy .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-privacy .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-privacy .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-privacy .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-privacy .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-privacy .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-privacy .reveal.in{opacity:1;transform:none}
#pv-privacy .reveal[data-delay="1"]{transition-delay:.08s}
#pv-privacy .reveal[data-delay="2"]{transition-delay:.16s}
#pv-privacy .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-privacy .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-privacy .nav-links{display:none}
#pv-privacy .menu-btn{display:block}}
#pv-privacy .p-hero{padding:150px 0 60px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-privacy .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-privacy .p-hero .wrap{position:relative}
#pv-privacy .p-hero .breadcrumb{margin-bottom:30px}
#pv-privacy .p-hero .eyebrow{font-family:var(--serif);font-size:12.5px;letter-spacing:.16em;color:var(--teal);font-weight:500;margin-bottom:20px}
#pv-privacy .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.6vw,42px);line-height:1.4;letter-spacing:.02em}
#pv-privacy .legal{max-width:820px;margin:0 auto}
#pv-privacy .legal > p:first-child{font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:8px}
#pv-privacy .legal h2{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin:52px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--gray-line)}
#pv-privacy .legal h2:first-of-type{margin-top:36px}
#pv-privacy .legal p{font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:16px}
#pv-privacy .legal ol{counter-reset:li;list-style:none;padding:0;margin:0 0 18px}
#pv-privacy .legal ol > li{counter-increment:li;position:relative;padding-left:34px;font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:14px}
#pv-privacy .legal ol > li::before{content:counter(li);position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--paper-2);border:1px solid var(--gray-line);color:var(--navy);font-family:var(--serif);font-size:11.5px;display:flex;align-items:center;justify-content:center}
#pv-privacy .legal ol > li p{margin-bottom:0}
#pv-privacy .legal ul{list-style:none;padding:0;margin:0 0 20px}
#pv-privacy .legal ul > li{position:relative;padding-left:22px;font-size:14.5px;color:var(--gray);line-height:2.05;margin-bottom:9px}
#pv-privacy .legal ul > li::before{content:"";position:absolute;left:2px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
#pv-privacy .legal .rev{margin-top:56px;padding-top:24px;border-top:1px solid var(--gray-line);font-size:13.5px;color:var(--gray);text-align:right}
#pv-privacy .legal a{color:var(--teal);text-underline-offset:3px}
@media(max-width:640px){#pv-privacy .legal h2{font-size:17px;margin:40px 0 16px}
#pv-privacy .legal ol > li{padding-left:28px}}
:root{
    --ink:#1A1D24;--navy:#0C3771;--navy-soft:#164A8C;--navy-deep:#0A2A57;
    --paper:#FBFAF8;--paper-2:#F3F1EC;--paper-3:#ECE9E2;--gray:#6B7280;
    --gray-line:#E4E1DA;--teal:#2C6E6B;--teal-light:#3D8A85;
    --serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif;
    --shadow-sm:0 1px 2px rgba(12,55,113,.04),0 2px 8px rgba(12,55,113,.05);
    --shadow-md:0 4px 12px rgba(12,55,113,.06),0 12px 32px rgba(12,55,113,.08);
    --shadow-lg:0 8px 24px rgba(12,55,113,.08),0 24px 60px rgba(12,55,113,.11);
  }
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
#pv-terms header, #pv-terms section, #pv-terms footer{position:relative;z-index:2}
#pv-terms .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
#pv-terms .wrap-narrow{max-width:860px;margin:0 auto;padding:0 32px}
#pv-terms a{color:inherit;text-decoration:none}
#pv-terms header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(251,250,248,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s,background .4s}
#pv-terms header.scrolled{border-bottom:1px solid var(--gray-line);box-shadow:var(--shadow-sm);background:rgba(251,250,248,.86)}
#pv-terms .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
#pv-terms .logo-img{height:30px;width:auto;display:block}
#pv-terms .nav-links{display:flex;gap:40px;align-items:center;font-size:14px;font-weight:400;letter-spacing:.03em}
#pv-terms .nav-links a{color:var(--gray);transition:color .2s;position:relative}
#pv-terms .nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--teal);transition:width .3s}
#pv-terms .nav-links a:hover, #pv-terms .nav-links a.active{color:var(--ink)}
#pv-terms .nav-links a:hover::after, #pv-terms .nav-links a.active::after{width:100%}
#pv-terms .menu-btn{display:none;background:none;border:none;cursor:pointer;font-size:22px}
#pv-terms .btn-primary{background:var(--navy);color:var(--paper);padding:18px 42px;font-size:15px;border-radius:3px;letter-spacing:.05em;transition:all .3s cubic-bezier(.2,.7,.2,1);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
#pv-terms .btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%);transition:transform .6s}
#pv-terms .btn-primary:hover{background:var(--navy-deep);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
#pv-terms .btn-primary:hover::before{transform:translateX(120%)}
#pv-terms .btn-ghost{padding:18px 36px;font-size:15px;border-radius:3px;border:1px solid var(--gray-line);letter-spacing:.05em;transition:all .3s;color:var(--ink);display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.5)}
#pv-terms .btn-ghost:hover{border-color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px)}
#pv-terms .sec-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--teal);font-weight:500;margin-bottom:24px;display:flex;align-items:center;gap:12px}
#pv-terms .sec-eyebrow::before{content:"";width:24px;height:1px;background:var(--teal)}
#pv-terms footer{padding:80px 0 40px;background:var(--navy-deep);color:#8A93A3}
#pv-terms .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.09)}
#pv-terms .logo-img-foot{height:34px;width:auto;display:block;margin-bottom:18px;filter:brightness(0) invert(1) opacity(.92)}
#pv-terms .foot-brand p{font-size:13px;max-width:280px;line-height:1.9}
#pv-terms .foot-cols{display:flex;gap:66px;flex-wrap:wrap}
#pv-terms .foot-col h4{font-size:12px;color:#5D6B7A;letter-spacing:.12em;margin-bottom:18px;font-weight:500}
#pv-terms .foot-col a{display:block;font-size:13.5px;margin-bottom:12px;transition:color .2s,transform .2s}
#pv-terms .foot-col a:hover{color:var(--paper);transform:translateX(4px)}
#pv-terms .foot-bottom{padding-top:28px;font-size:12px;letter-spacing:.04em}
#pv-terms .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
#pv-terms .reveal.in{opacity:1;transform:none}
#pv-terms .reveal[data-delay="1"]{transition-delay:.08s}
#pv-terms .reveal[data-delay="2"]{transition-delay:.16s}
#pv-terms .reveal[data-delay="3"]{transition-delay:.24s}
@media(prefers-reduced-motion:reduce){#pv-terms .reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){#pv-terms .nav-links{display:none}
#pv-terms .menu-btn{display:block}}
#pv-terms .p-hero{padding:150px 0 60px;position:relative;overflow:hidden;background:linear-gradient(175deg,var(--paper-2),var(--paper) 60%)}
#pv-terms .p-hero::before{content:"";position:absolute;top:-15%;right:-10%;width:52%;height:150%;background:radial-gradient(ellipse at center,rgba(12,55,113,.06),transparent 64%);pointer-events:none}
#pv-terms .p-hero .wrap{position:relative}
#pv-terms .p-hero .breadcrumb{margin-bottom:30px}
#pv-terms .p-hero .eyebrow{font-family:var(--serif);font-size:12.5px;letter-spacing:.16em;color:var(--teal);font-weight:500;margin-bottom:20px}
#pv-terms .p-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.6vw,42px);line-height:1.4;letter-spacing:.02em}
#pv-terms .legal{max-width:820px;margin:0 auto}
#pv-terms .legal > p:first-child{font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:8px}
#pv-terms .legal h2{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--navy);margin:52px 0 18px;padding-bottom:13px;border-bottom:1px solid var(--gray-line)}
#pv-terms .legal h2:first-of-type{margin-top:36px}
#pv-terms .legal p{font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:16px}
#pv-terms .legal ol{counter-reset:li;list-style:none;padding:0;margin:0 0 18px}
#pv-terms .legal ol > li{counter-increment:li;position:relative;padding-left:34px;font-size:14.5px;color:var(--gray);line-height:2.1;margin-bottom:14px}
#pv-terms .legal ol > li::before{content:counter(li);position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--paper-2);border:1px solid var(--gray-line);color:var(--navy);font-family:var(--serif);font-size:11.5px;display:flex;align-items:center;justify-content:center}
#pv-terms .legal ol > li p{margin-bottom:0}
#pv-terms .legal ul{list-style:none;padding:0;margin:0 0 20px}
#pv-terms .legal ul > li{position:relative;padding-left:22px;font-size:14.5px;color:var(--gray);line-height:2.05;margin-bottom:9px}
#pv-terms .legal ul > li::before{content:"";position:absolute;left:2px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
#pv-terms .legal .rev{margin-top:56px;padding-top:24px;border-top:1px solid var(--gray-line);font-size:13.5px;color:var(--gray);text-align:right}
#pv-terms .legal a{color:var(--teal);text-underline-offset:3px}
@media(max-width:640px){#pv-terms .legal h2{font-size:17px;margin:40px 0 16px}
#pv-terms .legal ol > li{padding-left:28px}}
/* ===== プレビュー用シェル ===== */
.pv-bar{position:fixed;top:0;left:0;right:0;z-index:99999;background:#0C3771;color:#fff;
  display:flex;align-items:center;gap:10px;padding:8px 14px;box-shadow:0 2px 12px rgba(0,0,0,.2);
  font-family:"Noto Sans JP",sans-serif;font-size:12px}
.pv-bar .pv-label{white-space:nowrap;opacity:.8;letter-spacing:.06em;font-size:11px}
.pv-scroll{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:thin}
.pv-scroll::-webkit-scrollbar{height:5px}
.pv-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}
.pv-item{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);
  border-radius:20px;padding:6px 14px;font-size:11.5px;cursor:pointer;white-space:nowrap;
  font-family:inherit;transition:all .2s}
.pv-item:hover{background:rgba(255,255,255,.25)}
.pv-item.on{background:#fff;color:#0C3771;border-color:#fff;font-weight:500}
body{padding-top:46px !important}
.pv-page{display:none}
.pv-page.on{display:block}
#hd,.hd,header{top:46px !important}
@media(max-width:640px){.pv-bar .pv-label{display:none}}


/* ===================================================================
   追記（既存ルールは変更していません）
   FAQアコーディオンを開けるようにする。
   プレビュー側には .faq-a{max-height:0} はあるが、開く側の指定が無く、
   .open が付いても回答が表示されないため、その1点だけを補う。
   （site.js が .faq-q クリックで .faq-item に .open を付与する）
   =================================================================== */
.faq-item.open .faq-a{max-height:600px}
/* -------------------------------------------------------------------
   追記（既存ルールは変更していません）
   プレビュー上部の「PREVIEW」ツールバー用に確保された46pxの余白を打ち消す。
   実サイトにはツールバーが存在せず、ヘッダーは画面最上部に固定されるのが
   本来のデザイン意図のため。既存の !important を後勝ちで上書きする。
   ------------------------------------------------------------------- */
body{padding-top:0 !important}
#hd,.hd,header{top:0 !important}
/* -------------------------------------------------------------------
   仕様変更（2026-07-25・プレビューからの意図的な変更）
   CONTACTセクションの2つのCTAボタンを、SP幅では縦並び・横幅いっぱい・同サイズにする。
   既存の @media(max-width:560px) はそのまま残し、適用範囲を900px以下へ広げる追記。
   901px以上（PC幅）の横並びは変更しない。
   ------------------------------------------------------------------- */
@media(max-width:900px){
  .contact-cta .cc-btns{flex-direction:column;align-items:stretch}
  .contact-cta .cc-btn{width:100%}
}
/* -------------------------------------------------------------------
   仕様変更（2026-07-25・プレビューからの意図的な変更／A案）
   トップページ下部のCTA（.cta-actions）も、CONTACTセクションと同様に
   SP・タブレット幅（900px以下）で縦並び・横幅いっぱい・同サイズにする。
   既存の @media(max-width:560px) の指定はそのまま残す。
   901px以上（PC幅）の横並びは変更しない。
   ------------------------------------------------------------------- */
@media(max-width:900px){
  #pv-index-logo .cta-actions,.cta .cta-actions{flex-direction:column;align-items:stretch}
  #pv-index-logo .cta-actions>a,.cta .cta-actions>a{width:100%;justify-content:center;min-height:64px}
}
/* -------------------------------------------------------------------
   不具合修正（2026-07-25）
   CONTACTセクションの白背景ボタン（.cc-btn.primary）が、実績・会社情報・採用・
   プライバシー・利用規約の5ページで白地に白文字になっていた。

   原因: プレビューのページ別CSSはどのページにも #pv-◯◯ a{color:inherit} を持つ。
   一方、CONTACTセクションの色指定 .contact-cta .cc-btn.primary{color:var(--navy)} は
   共通レイヤーにしかなく、ID付きセレクタ（詳細度 1,0,1）に負けて上書きされていた。
   サービス系・記事系はページ別CSSに同じ指定を持っていたため無事だった。

   対処: 共通レイヤー側の文字色指定の優先度を上げる（プレビューにも同じ指定を追加）。
   ------------------------------------------------------------------- */
.contact-cta .cc-btn.primary{color:var(--navy) !important}

/* ===== フォームのエラー表示（プレビューに無い新規実装） =====
   色は既存の「必須」バッジと同じ #B14A4A を使い、フォームから浮かないようにしている。
   角丸と余白はプライバシー同意欄（.privacy）に合わせた。 */
.form-error{display:flex;gap:12px;align-items:flex-start;margin-bottom:26px;padding:16px 18px;
  background:rgba(177,74,74,.06);border:1px solid rgba(177,74,74,.26);
  border-left:3px solid #B14A4A;border-radius:10px}
.form-error .fe-mark{flex:0 0 20px;width:20px;height:20px;margin-top:2px;border-radius:50%;
  background:#B14A4A;color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;
  line-height:20px;text-align:center}
.form-error .fe-msg{margin:0;font-family:var(--sans);font-size:13.5px;color:#8E3B3B;line-height:1.8}
.form-error .fe-list{margin:6px 0 0;font-family:var(--sans);font-size:12.5px;color:#8E3B3B;
  opacity:.85;line-height:1.7}

/* 問題のあった項目の枠線。既存の項目スタイルがID付きで詳細度が高いので、こちらもIDで揃える。 */
#pv-contact .fg.has-error input,
#pv-contact .fg.has-error select,
#pv-contact .fg.has-error textarea,
#pv-download .fg.has-error input,
#pv-download .fg.has-error select,
#pv-download .fg.has-error textarea,
#pv-recruit-entry .fg.has-error input,
#pv-recruit-entry .fg.has-error select,
#pv-recruit-entry .fg.has-error textarea,
#pv-liscore-download .fg.has-error input,
#pv-liscore-download .fg.has-error select,
#pv-liscore-download .fg.has-error textarea,
#pv-liscore-beta .fg.has-error input,
#pv-liscore-beta .fg.has-error select,
#pv-liscore-beta .fg.has-error textarea{border-color:#B14A4A;background:rgba(177,74,74,.03)}
#pv-contact .fg.has-error input:focus,
#pv-contact .fg.has-error select:focus,
#pv-contact .fg.has-error textarea:focus,
#pv-download .fg.has-error input:focus,
#pv-download .fg.has-error select:focus,
#pv-download .fg.has-error textarea:focus,
#pv-recruit-entry .fg.has-error input:focus,
#pv-recruit-entry .fg.has-error select:focus,
#pv-recruit-entry .fg.has-error textarea:focus,
#pv-liscore-download .fg.has-error input:focus,
#pv-liscore-download .fg.has-error select:focus,
#pv-liscore-download .fg.has-error textarea:focus,
#pv-liscore-beta .fg.has-error input:focus,
#pv-liscore-beta .fg.has-error select:focus,
#pv-liscore-beta .fg.has-error textarea:focus{border-color:#B14A4A;box-shadow:0 0 0 3px rgba(177,74,74,.12)}

/* ハニーポット。display:none だと無視して埋めないボットがいるため、画面外へ逃がす。 */
.ss-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}


/* ===== SPのハンバーガーメニュー（詳細度の修正） =====
   共通のドロワー指定 .nav-links{...display:flex} は 900px 以下に用意されているが、
   各ページの #pv-◯◯ .nav-links{display:none} の方が詳細度で勝つため、
   トップ・ナレッジ一覧・記事詳細を除く16ページでメニューが開かなかった。
   （それら3ページだけは自前のドロワー指定を持っていて動いていた。）
   同じ内容をIDで並べて詳細度を揃える。 */
@media(max-width:900px){
#pv-company .nav-links,
#pv-contact .nav-links,
#pv-download .nav-links,
#pv-liscore .nav-links,
#pv-liscore-beta .nav-links,
#pv-liscore-download .nav-links,
#pv-privacy .nav-links,
#pv-recruit .nav-links,
#pv-recruit-entry .nav-links,
#pv-service-account-engagement .nav-links,
#pv-service-hubspot .nav-links,
#pv-service-marketing .nav-links,
#pv-service-marketo .nav-links,
#pv-service-nurturing .nav-links,
#pv-terms .nav-links,
#pv-works .nav-links{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;
  background:var(--paper);flex-direction:column;align-items:stretch;gap:0;
  padding:96px 26px 40px;box-shadow:-8px 0 40px rgba(12,55,113,.16);
  transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.7,.2,1);
  overflow-y:auto;z-index:120;display:flex}

#pv-company .nav-links.open,
#pv-contact .nav-links.open,
#pv-download .nav-links.open,
#pv-liscore .nav-links.open,
#pv-liscore-beta .nav-links.open,
#pv-liscore-download .nav-links.open,
#pv-privacy .nav-links.open,
#pv-recruit .nav-links.open,
#pv-recruit-entry .nav-links.open,
#pv-service-account-engagement .nav-links.open,
#pv-service-hubspot .nav-links.open,
#pv-service-marketing .nav-links.open,
#pv-service-marketo .nav-links.open,
#pv-service-nurturing .nav-links.open,
#pv-terms .nav-links.open,
#pv-works .nav-links.open{transform:translateX(0)}

#pv-company .nav-links > a,
#pv-company .nav-drop-t,
#pv-contact .nav-links > a,
#pv-contact .nav-drop-t,
#pv-download .nav-links > a,
#pv-download .nav-drop-t,
#pv-liscore .nav-links > a,
#pv-liscore .nav-drop-t,
#pv-liscore-beta .nav-links > a,
#pv-liscore-beta .nav-drop-t,
#pv-liscore-download .nav-links > a,
#pv-liscore-download .nav-drop-t,
#pv-privacy .nav-links > a,
#pv-privacy .nav-drop-t,
#pv-recruit .nav-links > a,
#pv-recruit .nav-drop-t,
#pv-recruit-entry .nav-links > a,
#pv-recruit-entry .nav-drop-t,
#pv-service-account-engagement .nav-links > a,
#pv-service-account-engagement .nav-drop-t,
#pv-service-hubspot .nav-links > a,
#pv-service-hubspot .nav-drop-t,
#pv-service-marketing .nav-links > a,
#pv-service-marketing .nav-drop-t,
#pv-service-marketo .nav-links > a,
#pv-service-marketo .nav-drop-t,
#pv-service-nurturing .nav-links > a,
#pv-service-nurturing .nav-drop-t,
#pv-terms .nav-links > a,
#pv-terms .nav-drop-t,
#pv-works .nav-links > a,
#pv-works .nav-drop-t{padding:16px 4px;border-bottom:1px solid var(--gray-line);font-size:15px;color:var(--ink)}

#pv-company .nav-links a::after,
#pv-contact .nav-links a::after,
#pv-download .nav-links a::after,
#pv-liscore .nav-links a::after,
#pv-liscore-beta .nav-links a::after,
#pv-liscore-download .nav-links a::after,
#pv-privacy .nav-links a::after,
#pv-recruit .nav-links a::after,
#pv-recruit-entry .nav-links a::after,
#pv-service-account-engagement .nav-links a::after,
#pv-service-hubspot .nav-links a::after,
#pv-service-marketing .nav-links a::after,
#pv-service-marketo .nav-links a::after,
#pv-service-nurturing .nav-links a::after,
#pv-terms .nav-links a::after,
#pv-works .nav-links a::after{display:none}

#pv-company .menu-btn,
#pv-contact .menu-btn,
#pv-download .menu-btn,
#pv-liscore .menu-btn,
#pv-liscore-beta .menu-btn,
#pv-liscore-download .menu-btn,
#pv-privacy .menu-btn,
#pv-recruit .menu-btn,
#pv-recruit-entry .menu-btn,
#pv-service-account-engagement .menu-btn,
#pv-service-hubspot .menu-btn,
#pv-service-marketing .menu-btn,
#pv-service-marketo .menu-btn,
#pv-service-nurturing .menu-btn,
#pv-terms .menu-btn,
#pv-works .menu-btn{position:relative;z-index:130}
}


/* ===== スマホ表示の縦詰め（プレビュー由来のSP最適化） =====
   .sec の上下パディングは 110px 固定で、どのブレークポイントにも縮める指定が無かった。
   スマホでは中身が無くても1セクションあたり220pxを消費し、1画面がほぼ余白で埋まる。
   PC（901px以上）の見た目は一切変えない。

   見出しの下マージンは、これまでテンプレートに style="margin-bottom:◯px" と
   直接書かれていてCSSから調整できなかったため、同じ値のクラスに置き換えてある。
   PCでの値は据え置き。 */
.sec-title.mb-14{margin-bottom:14px}
.sec-title.mb-50{margin-bottom:50px}
.sec-title.mb-56{margin-bottom:56px}
.sec-title.mb-60{margin-bottom:60px}

@media(max-width:900px){
  .sec{padding:64px 0}
  .sec-title.mb-50,.sec-title.mb-56,.sec-title.mb-60{margin-bottom:28px}
#pv-service-marketing .p-hero{padding:96px 0 54px}
#pv-service-hubspot .p-hero{padding:96px 0 50px}
#pv-service-account-engagement .p-hero{padding:96px 0 50px}
#pv-service-marketo .p-hero{padding:96px 0 50px}
#pv-service-nurturing .p-hero{padding:96px 0 50px}
#pv-company .p-hero{padding:90px 0 42px}
#pv-recruit .p-hero{padding:90px 0 42px}
#pv-works .p-hero{padding:90px 0 42px}
#pv-privacy .p-hero{padding:90px 0 36px}
#pv-terms .p-hero{padding:90px 0 36px}
}

@media(max-width:560px){
  .sec{padding:48px 0}
}


/* ===== スマホの縦をさらに詰める（第2弾・プレビュー由来のSP最適化） =====
   第1弾で .sec のパディングだけ縮めたが、セクション内側の余白がPC値のままで、
   1画面あたりの情報量がまだ足りなかった。カード・画像・FAQなど、
   縦を押し上げている指定をまとめて縮める。
   対象は本文セクションの構成要素だけで、ヘッダー・フッター・フォーム・ボタンは触らない。
   PC（901px以上）の見た目は変えない。 */
@media(max-width:900px){
.sec{padding:44px 0}
.sec-title{margin-bottom:16px}
.sec-title.mb-50,.sec-title.mb-56,.sec-title.mb-60{margin-bottom:20px}
#pv-service-marketing .p-hero{padding:80px 0 38px}
#pv-service-hubspot .p-hero{padding:80px 0 36px}
#pv-service-account-engagement .p-hero{padding:80px 0 36px}
#pv-service-marketo .p-hero{padding:80px 0 36px}
#pv-service-nurturing .p-hero{padding:80px 0 36px}
#pv-company .p-hero{padding:76px 0 32px}
#pv-recruit .p-hero{padding:76px 0 32px}
#pv-works .p-hero{padding:76px 0 32px}
#pv-privacy .p-hero{padding:76px 0 28px}
#pv-terms .p-hero{padding:76px 0 28px}
.sec-eyebrow{margin-bottom:14px}
.case__img{aspect-ratio:16/8}
.case__body{padding:16px 16px 19px}
.faq-q{padding:14px 15px}
#pv-service-marketing .sec-eyebrow{margin-bottom:14px}
#pv-service-marketing .img-ph{aspect-ratio:16/8;padding:16px}
#pv-service-marketing .split-col{padding:20px 16px}
#pv-service-marketing .split-col h3{margin-bottom:14px}
#pv-service-marketing .split-col .sdesc{margin-top:14px}
#pv-service-marketing .split-note{margin-top:19px}
#pv-service-marketing .fl-step{gap:15px;padding:14px 0}
#pv-service-marketing .why-card{gap:20px;padding:24px}
#pv-service-hubspot .sec-eyebrow{margin-bottom:14px}
#pv-service-hubspot .img-ph{aspect-ratio:16/8;padding:16px}
#pv-service-hubspot .cac-eq{gap:14px;padding:26px 22px}
#pv-service-hubspot .cac-note{margin-top:14px}
#pv-service-hubspot .spiral{margin:22px auto 0}
#pv-service-hubspot .spiral .sp{padding:16px 15px}
#pv-service-hubspot .lever{gap:18px;padding:21px}
#pv-service-hubspot .neutral{padding:31px 28px}
#pv-service-hubspot .neutral h3{margin-bottom:14px}
#pv-service-hubspot .neutral .stmt{margin-top:14px}
#pv-service-hubspot .why2{margin:24px auto 0}
#pv-service-hubspot .why2 .w{padding:18px 15px}
#pv-service-account-engagement .sec-eyebrow{margin-bottom:14px}
#pv-service-account-engagement .img-ph{aspect-ratio:4/3;padding:16px}
#pv-service-account-engagement .mb-frame{padding:24px}
#pv-service-account-engagement .mb-plot{aspect-ratio:4/3}
#pv-service-account-engagement .mb-cap{margin-top:15px}
#pv-service-account-engagement .pit{margin:22px auto 0}
#pv-service-account-engagement .pit .pi{padding:14px 14px}
#pv-service-account-engagement .thing{padding:21px 18px}
#pv-service-account-engagement .reason{gap:19px;padding:23px}
#pv-service-marketo .sec-eyebrow{margin-bottom:14px}
#pv-service-marketo .img-ph{min-height:156px;padding:16px}
#pv-service-marketo .audit-col{padding:22px 19px}
#pv-service-marketo .audit-col h3{margin-bottom:14px}
#pv-service-marketo .audit-note{margin-top:16px}
#pv-service-marketo .spec2{margin:24px auto 0}
#pv-service-marketo .spec2 .s{padding:14px 14px}
#pv-service-marketo .thing{padding:21px 18px}
#pv-service-marketo .reason{gap:19px;padding:23px}
#pv-service-nurturing .sec-eyebrow{margin-bottom:14px}
#pv-service-nurturing .img-ph{padding:16px}
#pv-service-nurturing .vf{padding:18px 14px}
#pv-service-nurturing .vflow-cap{margin-top:16px}
#pv-service-nurturing .ph{padding:19px 16px;min-height:120px}
#pv-service-nurturing .thing{padding:21px 18px}
#pv-service-nurturing .reason{gap:19px;padding:23px}
}

@media(max-width:560px){
.sec{padding:34px 0}
.sec-title{margin-bottom:14px}
.sec-title.mb-50,.sec-title.mb-56,.sec-title.mb-60{margin-bottom:18px}
.sec-eyebrow{margin-bottom:12px}
.case__img{aspect-ratio:16/8}
.case__body{padding:14px 14px 15px}
.faq-q{padding:12px 13px}
#pv-service-marketing .sec-eyebrow{margin-bottom:12px}
#pv-service-marketing .img-ph{aspect-ratio:16/8;padding:14px}
#pv-service-marketing .split-col{padding:16px 14px}
#pv-service-marketing .split-col h3{margin-bottom:12px}
#pv-service-marketing .split-col .sdesc{margin-top:12px}
#pv-service-marketing .split-note{margin-top:15px}
#pv-service-marketing .fl-step{gap:13px;padding:12px 0}
#pv-service-marketing .why-card{gap:16px;padding:20px}
#pv-service-hubspot .sec-eyebrow{margin-bottom:12px}
#pv-service-hubspot .img-ph{aspect-ratio:16/8;padding:14px}
#pv-service-hubspot .cac-eq{gap:12px;padding:22px 18px}
#pv-service-hubspot .cac-note{margin-top:12px}
#pv-service-hubspot .spiral{margin:18px auto 0}
#pv-service-hubspot .spiral .sp{padding:14px 13px}
#pv-service-hubspot .lever{gap:14px;padding:17px}
#pv-service-hubspot .neutral{padding:25px 22px}
#pv-service-hubspot .neutral h3{margin-bottom:12px}
#pv-service-hubspot .neutral .stmt{margin-top:12px}
#pv-service-hubspot .why2{margin:20px auto 0}
#pv-service-hubspot .why2 .w{padding:14px 13px}
#pv-service-account-engagement .sec-eyebrow{margin-bottom:12px}
#pv-service-account-engagement .img-ph{aspect-ratio:4/3;padding:14px}
#pv-service-account-engagement .mb-frame{padding:20px}
#pv-service-account-engagement .mb-plot{aspect-ratio:4/3}
#pv-service-account-engagement .mb-cap{margin-top:13px}
#pv-service-account-engagement .pit{margin:18px auto 0}
#pv-service-account-engagement .pit .pi{padding:12px 12px}
#pv-service-account-engagement .thing{padding:17px 14px}
#pv-service-account-engagement .reason{gap:15px;padding:19px}
#pv-service-marketo .sec-eyebrow{margin-bottom:12px}
#pv-service-marketo .img-ph{min-height:130px;padding:14px}
#pv-service-marketo .audit-col{padding:18px 15px}
#pv-service-marketo .audit-col h3{margin-bottom:12px}
#pv-service-marketo .audit-note{margin-top:14px}
#pv-service-marketo .spec2{margin:20px auto 0}
#pv-service-marketo .spec2 .s{padding:12px 12px}
#pv-service-marketo .thing{padding:17px 14px}
#pv-service-marketo .reason{gap:15px;padding:19px}
#pv-service-nurturing .sec-eyebrow{margin-bottom:12px}
#pv-service-nurturing .img-ph{padding:14px}
#pv-service-nurturing .vf{padding:14px 12px}
#pv-service-nurturing .vflow-cap{margin-top:14px}
#pv-service-nurturing .ph{padding:15px 14px;min-height:100px}
#pv-service-nurturing .thing{padding:17px 14px}
#pv-service-nurturing .reason{gap:15px;padding:19px}
}


/* ===== スマホではページ内ナビ（.pnav）を出さない =====
   .pnav は position:sticky / top:74px（固定ヘッダーの真下）で貼り付く目次。
   PCでは横1行に収まるが、スマホでは項目が折り返して2〜3行になり、
   スクロール中ずっと画面上部を占領してしまう。
   セクションへのジャンプはPCでの利便性のためのものなので、SPでは隠す。
   対象はサービス5ページ。PC（901px以上）は従来どおり。 */
@media(max-width:900px){
#pv-service-marketing .pnav,
#pv-service-hubspot .pnav,
#pv-service-account-engagement .pnav,
#pv-service-marketo .pnav,
#pv-service-nurturing .pnav,
#pv-liscore .pnav{display:none}
}