:root{color-scheme:light;--c-bg: #ffffff;--c-bg-alt: #f5f5f7;--c-ink: #1d1d1f;--c-ink-2: #424245;--c-ink-sub: #636366;--c-line: #d2d2d7;--c-line-soft: #e8e8ed;--c-field-edge: #86868b;--c-brand: #076d7d;--c-brand-hover: #065a68;--c-brand-press: #054c58;--c-confirm-bg: #fff3b0;--c-confirm-edge: #f5b800;--c-confirm-tag-bg: #ffd43b;--c-confirm-tag-ink: #3d3000;--c-black: #050d1a;--c-black-ink: #ffffff;--c-black-sub: #a1a1a6;--c-brand-on-night: #3cc4d4;--c-yellow-on-night: #ffc857;--font-sans: "Inter", "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;--font-voice: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fs-voice: clamp(2.75rem, 3.6vw + 1.6rem, 4.5rem);--fs-core: clamp(2rem, 3.4vw + 1.4rem, 4rem);--fs-hero: clamp(2rem, 2.6vw + 1.5rem, 4rem);--fs-h2-lead: clamp(1.75rem, 1.8vw + 1.35rem, 2.75rem);--fs-h2: clamp(1.625rem, 1vw + 1.35rem, 2rem);--fs-statement: clamp(1.375rem, 1.2vw + 1.1rem, 2rem);--fs-item: clamp(1.125rem, .5vw + 1.05rem, 1.375rem);--fs-lead: clamp(1.0625rem, .5vw + 1rem, 1.3125rem);--fs-body: 1.0625rem;--fs-small: 1rem;--fs-micro: .875rem;--lh-core: 1.25;--lh-hero: 1.2;--lh-heading: 1.35;--lh-body: 1.75;--lh-ui: 1.4;--ls-display: -.01em;--ls-body: .02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--gutter: clamp(1.375rem, 4vw, 2rem);--section-y-core: clamp(6rem, 10vw + 2rem, 11rem);--section-y-lead: clamp(5rem, 6vw + 2.5rem, 8rem);--section-y: clamp(4rem, 4vw + 2.5rem, 6rem);--heading-gap: clamp(2rem, 3vw + 1rem, 3.5rem);--w-hero-figure: 1056px;--w-content: 980px;--w-read: 720px;--w-form: 560px;--radius-m: 12px;--radius-l: 20px;--radius-xl: 28px;--radius-pill: 980px;--shadow-product: 0 0 0 1px rgba(0, 0, 0, .06), 0 24px 48px -12px rgba(0, 0, 0, .14);--tap: 2.75rem;--btn-h: 3.25rem;--dur-press: .1s;--dur-hover: .15s;--dur-reveal: .48s;--z-nav: 50;--z-chip: 60;--z-sticky: 90;--z-raise: 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--c-bg);color:var(--c-ink-2);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);text-wrap:pretty;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.iw-statement,.iw-core{text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}[id]{scroll-margin-top:3.5rem}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--c-brand);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reveal-section{opacity:0;transform:translateY(1rem);transition:opacity var(--dur-reveal) ease-out,transform var(--dur-reveal) ease-out}.reveal-section.revealed{opacity:1;transform:none}@media(prefers-reduced-motion:reduce),(scripting:none){.reveal-section{opacity:1;transform:none;transition:none}}.iw-inner{width:100%;max-width:var(--w-content);margin:0 auto;padding:0 var(--gutter)}.iw-read{max-width:var(--w-read);margin-inline:auto}.iw-section{padding-block:var(--section-y)}.iw-section--lead{padding-block:var(--section-y-lead)}.iw-section--alt{background:var(--c-bg-alt)}.iw-h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);color:var(--c-ink);text-align:center;margin-bottom:var(--heading-gap)}.iw-section--lead .iw-h2{font-size:var(--fs-h2-lead);letter-spacing:var(--ls-display)}.iw-statement{font-size:var(--fs-statement);font-weight:var(--fw-bold);line-height:1.5;letter-spacing:var(--ls-display);color:var(--c-ink);text-align:center;max-width:22em;margin:var(--space-8) auto 0}.iw-statement .lead-in{color:var(--c-ink-sub)}.iw-core{background:var(--c-black);padding-block:var(--section-y-core)}.iw-core p{max-width:16em;margin:0 auto;text-align:center;color:var(--c-black-ink);font-size:var(--fs-core);font-weight:var(--fw-bold);line-height:var(--lh-core);letter-spacing:var(--ls-display)}.iw-core .lead-in{color:var(--c-black-sub)}.iw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-h);padding:0 var(--space-6);font:var(--fw-semibold) var(--fs-body)/var(--lh-ui) var(--font-sans);letter-spacing:var(--ls-body);color:#fff;background:var(--c-brand);border:0;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:background-color var(--dur-hover) ease-out,transform var(--dur-press) ease-out}.iw-btn:hover{background:var(--c-brand-hover)}.iw-btn:active{background:var(--c-brand-press);transform:scale(.98)}.iw-link-more{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-brand);text-decoration:none}.iw-link-more:after{content:"›";margin-left:.35em;font-size:1.25em;line-height:1}.iw-link-more:hover{text-decoration:underline;text-underline-offset:.25em}.iw-link-more:active{color:var(--c-brand-press)}.iw-link-more--lg{font-size:var(--fs-lead)}.iw-rows{list-style:none}.iw-rows>li{padding-block:var(--space-4)}.iw-rows>li+li{border-top:1px solid var(--c-line)}.iw-rows--bordered{border-block:1px solid var(--c-line)}.iw-confirm{background:var(--c-confirm-bg);color:var(--c-ink);padding:.05em .3em;border-radius:.25em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.iw-material{background:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}@media(prefers-reduced-transparency:reduce){.iw-material{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}.iw-tiles{list-style:none;display:grid;gap:var(--space-4)}.iw-tiles>li{display:flex}.iw-tile{flex:1;display:flex;flex-direction:column;padding:var(--space-5);background:var(--c-bg);border-radius:var(--radius-l);color:inherit;text-decoration:none;transition:transform var(--dur-press) ease-out}.iw-tile:active{transform:scale(.98)}.iw-tile-name{font-size:var(--fs-item);font-weight:var(--fw-bold);line-height:1.5;color:var(--c-ink)}.iw-tile-what{margin-top:var(--space-3);font-size:var(--fs-body);color:var(--c-ink-2);overflow-wrap:anywhere}.iw-tile-line{margin-top:var(--space-3);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--c-ink);word-break:keep-all;overflow-wrap:anywhere}.iw-tile .iw-link-more,.iw-demo .iw-link-more{display:block;min-height:0;margin-top:auto}.iw-tile .iw-link-more{padding-top:var(--space-4)}.iw-tile:hover .iw-link-more,.iw-demo:hover .iw-link-more{text-decoration:underline;text-underline-offset:.25em}.iw-demos{list-style:none;display:grid;gap:var(--space-7)}.iw-demos>li{display:flex}.iw-demo{flex:1;display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:transform var(--dur-press) ease-out}.iw-demo:active{transform:scale(.98)}.iw-demo-img{display:block;width:100%;height:auto;aspect-ratio:900 / 560;border:1px solid var(--c-line-soft);border-radius:var(--radius-l)}.iw-demo-name{margin-top:var(--space-4);font-size:var(--fs-item);font-weight:var(--fw-bold);line-height:1.5;color:var(--c-ink)}.iw-demo-desc{margin-top:var(--space-2);font-size:var(--fs-body);color:var(--c-ink-2);overflow-wrap:anywhere}.iw-demo .iw-link-more{padding-top:var(--space-2)}.iw-tile-name .iw-for,.iw-demo-name .iw-for{display:inline-block;font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--c-ink-sub)}@media(min-width:900px){.iw-tiles{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.iw-tile{padding:var(--space-6)}.iw-demos{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}
