@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700;900&family=IBM+Plex+Sans+JP:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@theme{ --color-background: #ffffff; --color-background-dark: #151718; --color-border: #e5e7eb; --color-error: #ef4444; --color-explore-header-dark: #353636; --color-foreground: #111827; --color-icon-dark: #9ba1a6; --color-icon-light: #4b5563; --color-input-background: #ffffff; --color-divider: #d7e8f7; --color-canvas-subtle: #eaf3fb; --color-surface-soft: #eef4fa; --color-surface-subtle: #f8fbfe; --color-divider-soft: #e8f0f7; --color-surface-selected: #f4faff; --color-status-info: #e5f6ff; --color-status-red: #fee2e2; --color-status-blue: #dbeafe; --color-status-muted: #e5e7eb; --color-status-green: #ecfccb; --color-status-yellow: #fef3c7; --color-input-placeholder: #a8b4c7; --color-input-text: #0e1b2a; --color-oauth-google-border: #dadce0; --color-oauth-google-text: #1f1f1f; --color-primary: #0195ed; --color-secondary: #2cb1bc; --color-shadow-deep: #0f2a40; --color-spinner-default: #0f766e; --color-surface: #ffffff; --color-surface-overlay: #ffffffcc; --color-tab-icon-default-dark: #9ca3af; --color-tab-icon-default-light: #9ca3af; --color-tabs-shadow-ios: rgba(31, 58, 95, .16); --color-text-blue: #2563eb; --color-text-dark: #ecedee; --color-text-default: #0e1b2a; --color-text-green: #65a30d; --color-text-muted: #64748b; --color-text-on-primary: #ffffff; --color-text-on-primary-subtle: #ffffffa6; --color-text-red: #dc2626; --color-text-secondary: #4a617a; --color-text-yellow: #b45309; --color-web-canvas: #eef6ff; --shadow-subtle-header: 0 1px 4px rgba(15, 42, 64, .07); --shadow-accent-soft: 0 8px 18px rgba(1, 149, 237, .22); --shadow-elevated-soft: 0 8px 24px rgba(15, 42, 64, .06); --font-sans: Outfit, Hiragino Sans, Hiragino Kaku Gothic ProN, Yu Gothic, sans-serif; }:root{--ink: #0e2a47;--body: #3d586f;--muted: #647c92;--brand: #0195ed;--brand-strong: #0077c8;--brand-deep: #075a9e;--brand-100: #e9f5fe;--brand-50: #f3fafe;--amber: #e8920c;--amber-soft: #fdf3e1;--canvas: #f5f8fc;--surface: #ffffff;--surface-tint: #f7fbfe;--line: rgba(14, 42, 71, .1);--line-strong: rgba(14, 42, 71, .18);--shadow-sm: 0 1px 2px rgba(14, 42, 71, .04), 0 1px 3px rgba(14, 42, 71, .06);--shadow-md: 0 10px 30px rgba(14, 42, 71, .08);--shadow-lg: 0 24px 60px rgba(14, 42, 71, .12);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--font-display: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-body: "IBM Plex Sans JP", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", monospace;--maxw: 1160px;--gutter: clamp(1.1rem, 4vw, 2.5rem);--lp-blue: var(--brand);--lp-blue-deep: var(--brand-deep);--lp-text-primary: var(--ink);--lp-text-secondary: var(--muted);--lp-aqua: var(--brand-100);--lp-aqua-dark: var(--brand-strong)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--body);font-family:var(--font-body);font-feature-settings:"palt" 1;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none;transition:color .2s ease}img{display:block;max-width:100%}::selection{background:var(--brand-100);color:var(--ink)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:3px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);text-wrap:balance;word-break:auto-phrase;line-break:strict}.lp-shell{position:relative;width:100%;overflow-x:clip}.lp-container{margin-inline:auto;max-width:var(--maxw);padding-inline:var(--gutter);width:100%}.lp-header{position:sticky;top:0;z-index:30;background:#ffffffd1;backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.lp-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding-block:.85rem;padding-inline:max(var(--gutter),calc((100% - var(--maxw)) / 2))}.lp-brand{display:inline-flex;align-items:center;flex-shrink:0}.lp-logo{height:34px;width:auto}.lp-nav{display:flex;align-items:center;gap:.4rem}.lp-nav a{color:var(--muted);font-size:.92rem;font-weight:500;padding:.5rem .7rem;border-radius:8px}.lp-nav a:hover{color:var(--ink)}.lp-nav a[aria-current=page]{color:var(--brand-deep)}.lp-login-link{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink)!important;font-weight:600;margin-left:.4rem;padding:.55rem .95rem!important;transition:border-color .2s ease,color .2s ease}.lp-login-link:hover{border-color:var(--brand);color:var(--brand-deep)!important}.lp-login-link-primary{background:var(--brand);border-color:var(--brand);color:#fff!important;box-shadow:0 6px 16px #0195ed3d}.lp-login-link-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff!important}.lp-menu-btn{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:42px;width:42px;padding:.5rem;background:none;border:none;cursor:pointer}.lp-menu-bar{display:block;height:2px;width:22px;border-radius:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}.lp-menu-btn.is-open .lp-menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.lp-menu-btn.is-open .lp-menu-bar:nth-child(2){opacity:0}.lp-menu-btn.is-open .lp-menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lp-nav-backdrop{position:fixed;inset:0;z-index:20;background:#0e2a4761;opacity:0;pointer-events:none;transition:opacity .25s ease}.lp-nav-backdrop.is-visible{opacity:1;pointer-events:auto}.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.98rem;font-weight:600;line-height:1;padding:.95rem 1.6rem;cursor:pointer;touch-action:manipulation;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.lp-button-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #0195ed42}.lp-button-primary:hover{background:var(--brand-strong);transform:translateY(-2px);box-shadow:0 16px 30px #0195ed4d}.lp-button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.lp-button-secondary:hover{border-color:var(--brand);color:var(--brand-deep);transform:translateY(-2px)}.lp-button-tertiary{background:var(--brand-50);border-color:var(--line);color:var(--brand-deep)}.lp-button-tertiary:hover{background:var(--brand-100);border-color:var(--brand)}.lp-section{padding-block:clamp(2.75rem,5.5vw,5rem);scroll-margin-top:5rem}.lp-section-inner{margin-inline:auto;max-width:var(--maxw);padding-inline:var(--gutter)}.lp-section-heading{max-width:46rem}.lp-section-heading h2{font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.32;margin:.9rem 0 0}.lp-section-eyebrow{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-deep)}.lp-section-description{color:var(--body);font-size:1.02rem;line-height:1.95;margin:1.1rem 0 0;max-width:40rem}.lp-time-tick{display:flex;align-items:center;gap:.85rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--muted);margin-bottom:1.35rem}.lp-time-tick:before{content:"";flex-shrink:0;height:.55rem;width:.55rem;border-radius:999px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-100)}.lp-time-tick-value{color:var(--ink);font-weight:600;letter-spacing:.04em}.lp-time-tick-label{color:var(--muted)}.lp-time-tick:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.lp-footer{border-top:1px solid var(--line);background:var(--surface);padding-block:clamp(2.75rem,6vw,4rem)}.lp-footer-inner{display:grid;gap:2rem;margin-inline:auto;max-width:var(--maxw);padding-inline:var(--gutter)}.lp-footer-brand{display:grid;gap:.9rem}.lp-footer-logo{height:32px;width:auto}.lp-footer-brand p{color:var(--muted);font-size:.92rem;line-height:1.85;margin:0;max-width:34rem}.lp-footer-links{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.lp-footer-links a{color:var(--body);font-size:.92rem;font-weight:500}.lp-footer-links a:hover{color:var(--brand-deep)}.lp-footer-company{display:grid;gap:.3rem}.lp-footer-company span{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.lp-footer-company strong{color:var(--ink);font-family:var(--font-display);font-size:1rem;font-weight:700}@media(min-width:860px){.lp-footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:start}.lp-footer-brand{grid-row:span 2}.lp-footer-company{justify-items:end;text-align:right}}.lp-page-hero{margin-inline:auto;max-width:58rem;padding:clamp(2.5rem,6vw,4rem) var(--gutter) 0}.lp-page-hero-copy{display:grid;gap:1rem}.lp-page-hero-copy h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:.4rem 0 0}.lp-page-hero-copy p{color:var(--body);font-size:1rem;line-height:1.95;margin:0}.lp-policy-layout{padding:clamp(2rem,5vw,3rem) var(--gutter) 0}.lp-policy-card{margin-inline:auto;max-width:58rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:1.75rem;padding:clamp(1.5rem,4vw,2.5rem)}.lp-policy-meta{border-bottom:1px solid var(--line);display:grid;gap:.35rem;padding-bottom:1.1rem}.lp-policy-meta span{color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.lp-policy-meta strong{color:var(--ink);font-family:var(--font-display);font-size:1.05rem;font-weight:700}.lp-policy-sections{display:grid;gap:1.6rem}.lp-policy-section{display:grid;gap:.6rem}.lp-policy-section h2{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;margin:0}.lp-policy-section p{color:var(--body);font-size:.95rem;line-height:1.95;margin:0}.lp-contact{margin-inline:auto;max-width:var(--maxw);padding:clamp(2.25rem,5vw,3.75rem) var(--gutter) clamp(3rem,6vw,4.5rem)}.lp-contact-layout{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:start}.lp-contact-intro{display:grid;gap:1.25rem}.lp-contact-intro h1{font-size:clamp(1.85rem,3.8vw,2.7rem);font-weight:700;letter-spacing:-.02em;line-height:1.36;margin:.4rem 0 0}.lp-contact-intro-lead{color:var(--body);font-size:1rem;line-height:1.95;margin:0}.lp-contact-form-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:1.25rem;padding:clamp(1.5rem,4vw,2.25rem)}.lp-contact-form-header{display:grid;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:1.1rem}.lp-contact-form-header h2{font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.lp-contact-form-header p{color:var(--muted);font-size:.92rem;line-height:1.85;margin:0}.lp-contact-response-card{background:linear-gradient(135deg,var(--brand-deep),var(--brand-strong));border-radius:var(--radius);display:grid;gap:.7rem;padding:1.4rem 1.5rem}.lp-contact-response-badge{width:fit-content;background:#ffffff29;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;padding:.4rem 1rem}.lp-contact-response-card p{color:#ffffffe0;font-size:.92rem;line-height:1.75;margin:0}.lp-contact-divider{height:1px;background:var(--line)}.lp-contact-support-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:grid;gap:.75rem;padding:1.5rem}.lp-contact-support-kicker{color:var(--brand-deep);font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.lp-contact-support-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0}.lp-contact-support-panel p{color:var(--muted);font-size:.92rem;line-height:1.85;margin:0}.lp-contact-support-actions{display:grid;gap:.7rem;margin-top:.25rem}.lp-contact-support-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--surface-tint);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:.94rem;font-weight:600;min-height:3.4rem;padding:.85rem 1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.lp-contact-support-link:after{content:"→";color:var(--brand-deep)}.lp-contact-support-link:hover{background:var(--brand-50);border-color:var(--brand);transform:translateY(-1px)}.lp-contact-support-link-secondary{background:var(--brand-50)}@media(min-width:960px){.lp-contact-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.12fr)}.lp-contact-intro{position:sticky;top:5.5rem}}@media(max-width:859px){.lp-menu-btn{display:flex}.lp-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-md);padding:.5rem var(--gutter) 1.25rem;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.lp-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.lp-nav a{border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font-size:1rem;padding:.95rem .25rem}.lp-login-link{margin-left:0;margin-top:.6rem;border-bottom:none;text-align:center;justify-content:center}.lp-login-link-primary{margin-top:.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lp-articles-page{margin-inline:auto;max-width:var(--maxw);padding:0 var(--gutter) clamp(3rem,6vw,5rem)}.lp-article-list{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr);margin-top:clamp(1.75rem,4vw,2.5rem)}@media(min-width:640px){.lp-article-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.lp-article-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.lp-articles-empty{margin-top:2rem;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);font-size:.98rem;padding:clamp(2.5rem,6vw,4rem);text-align:center}.lp-article-detail{margin-inline:auto;max-width:48rem;padding:clamp(2rem,5vw,3.25rem) var(--gutter) clamp(3rem,6vw,5rem)}.lp-article-detail-header{display:grid;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.lp-article-detail-meta{display:flex;align-items:center;gap:.7rem}.lp-article-detail-date{color:var(--muted);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em}.lp-article-detail-cat{background:var(--brand-50);border:1px solid var(--line);border-radius:999px;color:var(--brand-deep);font-size:.74rem;font-weight:600;padding:.2rem .7rem}.lp-article-detail-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.4;margin:0}.lp-article-eyecatch{margin:1.75rem 0 0;border-radius:var(--radius-lg);overflow:hidden}.lp-article-eyecatch img{width:100%;height:auto;display:block}.lp-article-content{margin-top:1.75rem;color:var(--body);font-size:1rem;line-height:1.95}.lp-article-content>*+*{margin-top:1.15rem}.lp-article-content h2{color:var(--ink);font-size:1.45rem;font-weight:700;letter-spacing:-.01em;line-height:1.5;margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.lp-article-content h3{color:var(--ink);font-size:1.2rem;font-weight:700;line-height:1.55;margin-top:2rem}.lp-article-content a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:2px}.lp-article-content ul,.lp-article-content ol{padding-left:1.4rem}.lp-article-content li+li{margin-top:.5rem}.lp-article-content img{max-width:100%;height:auto;border-radius:var(--radius)}.lp-article-content blockquote{margin-inline:0;border-left:3px solid var(--brand);background:var(--brand-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink);padding:.9rem 1.2rem}.lp-article-content code{background:var(--surface-tint);border:1px solid var(--line);border-radius:6px;font-family:var(--font-mono);font-size:.88em;padding:.1rem .35rem}.lp-article-content pre{background:var(--ink);border-radius:var(--radius);color:#eaf3fb;overflow-x:auto;padding:1.1rem 1.25rem}.lp-article-content pre code{background:none;border:0;color:inherit;padding:0}.lp-article-content table{width:100%;border-collapse:collapse;font-size:.95rem;overflow:hidden}.lp-article-content th,.lp-article-content td{border:1px solid var(--line);padding:.65rem .9rem;text-align:left;vertical-align:top}.lp-article-content thead th{background:var(--surface-tint);color:var(--ink);font-weight:700}.lp-article-content tbody tr:nth-child(2n){background:var(--surface-tint)}.lp-article-back{display:inline-flex;align-items:center;gap:.45rem;margin-top:2.5rem;color:var(--brand-deep);font-size:.92rem;font-weight:600}.lp-article-back:before{content:"←"}.lp-article-back:hover{color:var(--brand-strong)}.lp-article--column{max-width:46rem}.lp-article--column .lp-article-detail-header{border-bottom:0;padding-bottom:0;gap:1.1rem}.lp-article--column .lp-article-detail-title{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.5}.lp-article-lead{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.95}.lp-article--column .lp-article-eyecatch{margin-top:1.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.lp-article--column .lp-article-content{margin-top:2.25rem;font-size:1.075rem;line-height:2.05;letter-spacing:.003em}.lp-article--column .lp-article-content>*+*{margin-top:1.6rem}.lp-article--column .lp-article-content h2{font-size:clamp(1.4rem,3vw,1.7rem);line-height:1.5;margin-top:3.25rem;padding-bottom:.6rem}.lp-article--column .lp-article-content h3{font-size:1.3rem;margin-top:2.5rem}.lp-article--column .lp-article-content h2+*,.lp-article--column .lp-article-content h3+*{margin-top:1rem}.lp-article--column .lp-article-content img{display:block;width:100%;margin-block:2rem;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.lp-article--column .lp-article-content blockquote{margin-block:2rem;font-size:1.02rem}.lp-article--column .lp-article-content ul,.lp-article--column .lp-article-content ol{padding-left:1.5rem}.lp-article--column .lp-article-content li+li{margin-top:.6rem}.lp-article--column .lp-article-back{margin-top:3rem}
