:root{color-scheme:light;--c-vision:#d80c1d;--c-vision-deep:#a40a16;--c-studio:#0076d6;--c-studio-deep:#00579e;--c-best:#107197;--c-corporate:#b02a20;--c-brand:var(--c-vision);--c-brand-deep:var(--c-vision-deep);--c-accent:#c77a18;--c-bg:#fbfaf8;--c-bg-sub:#f3f1ed;--c-bg-ink:#1c1f21;--c-text:#1c1f21;--c-text-weak:#6b6560;--c-line:#d6d2cc;--space-section:clamp(2.25rem, 4.5vw, 3.5rem);--header-h:3.6rem;--hero-min-h:32rem;--gutter:clamp(1rem, 5vw, 2.5rem);--measure:42rem;--font-sans:"IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}@media (width<=40rem){:root{--gutter:.875rem}}[data-product=studio-ai]{--c-brand:var(--c-studio);--c-brand-deep:var(--c-studio-deep)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + .9rem)}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);letter-spacing:.02em;-webkit-text-size-adjust:100%;word-break:auto-phrase;overflow-wrap:break-word;margin:0;font-size:1rem;line-height:1.75}@supports not (word-break:auto-phrase){:where(*):has(>wbr){word-break:keep-all}}h1,h2,h3{letter-spacing:.01em;text-wrap:pretty;margin:0 0 .6em;line-height:1.4}h1{letter-spacing:-.01em;font-size:clamp(1.75rem,5vw,2.6rem);font-weight:700}h2{letter-spacing:.01em;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:700}h3{letter-spacing:.02em;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:600}p,li{text-wrap:pretty}a{color:var(--c-brand-deep);text-underline-offset:.2em}a:hover{color:var(--c-brand)}a.to-vision{color:var(--c-vision-deep)}a.to-vision:hover{color:var(--c-vision)}a.to-studio{color:var(--c-studio-deep)}a.to-studio:hover{color:var(--c-studio)}img{max-width:100%;height:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--c-bg-ink);color:#fff;padding:.6rem 1rem;text-decoration:none;transition:top .15s;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{color:#fff;top:.5rem}.wrap{width:100%;max-width:72rem;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--space-section)}.section--sub{background:var(--c-bg-sub)}.lede{max-width:var(--measure);color:var(--c-text-weak);font-size:clamp(1.05rem,2.2vw,1.2rem)}.btn{letter-spacing:.04em;border:1px solid #0000;padding:.8em 1.9em;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-block}.btn--primary{background:var(--c-brand);color:#fff}.btn--primary:hover{background:var(--c-brand-deep);color:#fff}.btn--ghost{border-color:var(--c-line);background:var(--c-bg);color:var(--c-text)}.btn--ghost:hover{border-color:var(--c-brand);color:var(--c-brand)}.btn--onDark{color:#e8eefb;background:0 0;border-color:#e2e8f06b}.btn--onDark:hover{background:#e2e8f01a;border-color:#e2e8f0cc}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.draft{max-width:var(--measure);border-left:3px solid var(--c-accent);color:var(--c-text-weak);background:#fdf8f0;margin-block:1rem;padding:.9rem 1.1rem;font-size:.93rem}.draft:before{content:"原稿未作成 — ";color:var(--c-accent);font-weight:700}.site-header__brand svg{width:auto;height:clamp(1.5rem,4vw,1.9rem);display:block}.product-logo{margin-bottom:.6em}.product-logo svg{width:min(100%, var(--logo-w,24rem));height:auto;display:block}.steps__figure img,.figure img,.steps__figure svg,.figure svg{width:100%;max-width:44rem;height:auto;display:block}strong{font-weight:inherit;text-decoration:underline;text-decoration-color:var(--c-brand);text-underline-offset:.3em;text-decoration-skip-ink:none;text-decoration-thickness:1.5px}.section--invert strong{text-decoration-color:#ff5a4d}h1 strong,h2 strong,h3 strong{text-decoration:none}.form,.form__error{max-width:48rem}.form{grid-template-columns:minmax(0,1fr);gap:1rem 1.2rem;margin-top:1.6rem;display:grid}@media (width>=40rem){.form{grid-template-columns:repeat(2,minmax(0,1fr))}.form>*{grid-column:1/-1}.form>.field--half{grid-column:auto}}.form__error{border-left:3px solid var(--c-brand);background:var(--c-bg-sub);margin:1.5rem 0 0;padding:.8em 1em}.field{align-content:start;gap:.3rem;display:grid}.field label{font-size:.92rem;font-weight:600}.req{color:var(--c-brand);margin-left:.6em;font-size:.72rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--c-line);width:100%;font:inherit;color:inherit;background:#fff;padding:.38em .7em;font-size:.95rem;line-height:1.4}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--c-brand);outline-offset:1px}.field input[readonly]{background:var(--c-bg-sub);color:var(--c-text-weak)}.field textarea{resize:vertical;line-height:1.6}.consent{align-items:center;gap:.6em;font-size:.92rem;display:flex}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .btn{cursor:pointer;justify-self:start}.form .btn:disabled{opacity:.6;cursor:default}.field__hint{color:var(--c-text-weak);margin:0;font-size:.82rem}.play-gate{z-index:20;cursor:pointer;background:#1c1f2147;border:0;place-items:center;width:100%;margin:0;padding:0;display:grid;position:absolute;inset:0}.play-gate__btn{background:#005fb8e6;border-radius:50%;width:4.6rem;height:4.6rem;transition:transform .3s;position:relative;box-shadow:0 0 0 7px #ffffff38}.play-gate__btn:after{content:"";border:.82rem solid #0000;border-left:1.3rem solid #fff;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.play-gate:hover .play-gate__btn{transform:scale(1.06)}[data-fit] .play-gate__btn{scale:calc(1 / var(--fit-k,1))}.play-gate:focus-visible{outline:3px solid var(--c-studio);outline-offset:-3px}@media (prefers-reduced-motion:reduce){.play-gate__btn{transition:none}}
