@charset "UTF-8";
:root{--ink:#172334;--muted:#617083;--blue:#1761cf;--line:#dce3ea;--paper:#f5f7fa;--dark:#111f32;--green:#238276;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.85;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3.8rem)}h2{font-size:clamp(1.5rem,2.5vw,2.2rem)}h3{font-size:1.18rem}p{margin-bottom:1.3em}h2,h3,[id]{scroll-margin-top:105px}:focus-visible{outline:3px solid #efab3c;outline-offset:5px}.skip{position:absolute;left:1rem;top:-80px;background:white;padding:10px;z-index:99}.skip:focus{top:10px}.wrap{max-width:1180px;margin:auto;padding:0 32px}.top{height:82px;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-.035em}.brand img{width:40px;height:40px;border-radius:11px}.brand small{font-weight:500;font-size:11px;letter-spacing:.08em;color:var(--muted);display:block;line-height:1}.top nav{display:flex;gap:26px;font-size:14px;font-weight:650}.top nav a{color:var(--ink);text-decoration:none}.top nav a[aria-current=page]{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 23px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;border-radius:9px;border:1px solid transparent;min-height:50px}.button:hover{background:#104fad}.button.light{background:#fff;color:var(--ink);border-color:var(--line)}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--blue);margin-bottom:17px}.hero{background:var(--dark);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;min-height:680px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:clamp(2.7rem,4.8vw,4.4rem);line-height:1.45;margin-bottom:24px;letter-spacing:-.04em}.hero .eyebrow{color:#8bbcff}.hero .lead{color:#c1cddd;max-width:560px;font-size:16px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.hero .fine{color:#aab9cc;font-size:12px}.hero-art{position:relative;display:flex;justify-content:center;padding:25px 0}.hero-art:before{content:"";position:absolute;inset:7% -40%;background:radial-gradient(ellipse,#25476c 0%,transparent 66%)}.phone{position:relative;width:250px;padding:7px;background:#06101d;border:1px solid #4d5f75;border-radius:35px;box-shadow:0 28px 65px #0006;transform:rotate(5deg)}.phone img{display:block;border-radius:28px}.art-label{position:absolute;bottom:15px;left:0;background:#233951e8;padding:11px 18px;border:1px solid #50667f;border-radius:10px;font-size:12px}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:35px 0;border-bottom:1px solid var(--line)}.intro-strip b{display:block;font-size:18px}.intro-strip span{font-size:13px;color:var(--muted)}.section{padding:80px 0}.section.tint{background:var(--paper)}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.section-title p{color:var(--muted);max-width:480px;margin:0}.route-list{border-top:1px solid var(--line)}.route{display:grid;grid-template-columns:65px 1fr 34px;gap:18px;padding:29px 12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .15s}.route:hover{background:#edf3fc}.route .number{color:var(--blue);font-size:14px;letter-spacing:.06em;font-weight:750}.route strong{font-size:21px;display:block;margin-bottom:5px}.route p{color:var(--muted);font-size:14px;margin:0}.route .arrow{font-size:25px;align-self:center;color:var(--blue)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{border-top:3px solid var(--ink);padding-top:20px}.feature p{font-size:14px;color:var(--muted)}.feature .label{font-size:11px;letter-spacing:.1em;color:var(--blue)}.page-head{padding:52px 0 35px;background:var(--paper);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:25px}.breadcrumb a{color:var(--muted)}.page-head h1{margin-bottom:16px;font-size:clamp(2rem,3.5vw,3rem)}.page-head .description{max-width:760px;color:var(--muted);margin:0}.meta{font-size:12px;color:var(--muted);margin-top:20px}.doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;padding-top:44px;padding-bottom:70px}.toc{position:sticky;top:109px;align-self:start;font-size:13px;max-height:calc(100vh - 145px);overflow:auto}.toc-label{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin-bottom:16px}.toc a{display:block;color:var(--muted);text-decoration:none;border-left:2px solid var(--line);padding:8px 14px}.toc a:hover,.toc a.active{color:var(--blue);border-color:var(--blue);background:#f2f6fc}.toc .back{border:0;margin-top:22px;font-weight:650}.article{min-width:0;max-width:790px}.article section{margin-bottom:58px}.article h2{font-size:25px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.article h3{margin:28px 0 12px}.article p,.article li{font-size:15px}.article li{margin-bottom:10px;padding-left:5px}.article ol,.article ul{padding-left:23px}.note{background:#eef5ff;border-left:3px solid var(--blue);border-radius:0 9px 9px 0;padding:18px 21px;font-size:14px;margin:24px 0}.note.green{background:#edf7f3;border-color:var(--green)}.note p:last-child{margin:0}.table-wrap{overflow:auto;margin:24px 0;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}th,td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--paper);font-size:12px;color:#536175;font-weight:750}tr:last-child td{border-bottom:0}td:first-child{font-weight:600;min-width:115px}.shots{display:flex;flex-wrap:wrap;gap:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:25px 0;justify-content:center}.shot{margin:0;flex:1 1 180px;max-width:270px;min-width:0}.shot a{display:block}.shot img{display:block;width:100%;border-radius:12px;border:1px solid #cdd8dc;background:#eaf0ef}.shot figcaption{font-size:12px;color:var(--muted);line-height:1.7;padding-top:12px}.shot .figure-id{color:var(--blue);font-weight:800;margin-right:6px}.shot.full{max-width:365px}.image-hint{font-size:12px;color:var(--muted);text-align:center}.code{position:relative;margin:22px 0}pre{background:#122033;color:#d8e7fb;padding:27px 21px;border-radius:10px;overflow:auto;font-size:12px;line-height:1.8;tab-size:2}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}p code,li code,td code{background:#edf1f6;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.copy{position:absolute;right:10px;top:9px;background:#2c405b;border:1px solid #5d7390;color:white;padding:5px 10px;border-radius:6px;font-size:11px;display:none}.js .copy{display:block}.code:has(.copy) pre{padding-top:48px}.next{padding:25px;background:var(--paper);border-radius:12px;border:1px solid var(--line);margin-top:35px}.next span{display:block;color:var(--muted);font-size:12px}.next a{font-weight:750;font-size:18px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-card{border:1px solid var(--line);border-radius:14px;padding:26px;text-decoration:none;color:var(--ink);background:white}.guide-card:hover{border-color:#88b0e9;background:#fafcff}.guide-card .tag{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.08em}.guide-card h2{font-size:21px;margin:12px 0}.guide-card p{font-size:14px;color:var(--muted);margin:0}.guide-card .go{display:block;color:var(--blue);font-weight:700;font-size:13px;margin-top:20px}.search-box{margin-bottom:27px}.search-box label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.search-box input{border:1px solid #b9c8da;background:#fff;padding:14px 18px;border-radius:9px;width:100%;max-width:600px;color:var(--ink)}[hidden]{display:none!important}.empty{padding:24px;color:var(--muted);border:1px dashed var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:700;cursor:pointer;padding-right:15px}details p{margin:16px 0 0;color:var(--muted)}footer{background:#f5f7fa;border-top:1px solid var(--line);padding:38px 0;font-size:12px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}footer a{color:var(--muted)}.foot-links{display:flex;gap:20px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px}.support-mail{font-size:clamp(17px,3vw,25px);font-weight:750;overflow-wrap:anywhere}.status{display:inline-flex;padding:5px 11px;font-size:12px;border:1px solid #bccbdc;border-radius:5px;background:white;color:var(--muted);margin:5px 8px 0 0}
@media(max-width:900px){.hero-grid{gap:25px;min-height:600px}.hero h1{font-size:3rem}.phone{width:220px}.doc-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}.feature-grid{gap:20px}.wrap{padding:0 24px}.section-title{display:block}.section-title p{margin-top:15px}}
@media(max-width:640px){.wrap{padding:0 20px}.top{height:70px}.top .wrap{gap:12px}.brand{font-size:18px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:9px}.top nav{gap:16px;font-size:12px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:35px;gap:18px}.hero h1{font-size:2.5rem}.hero .lead{font-size:14px}.hero-art{max-height:470px;overflow:hidden;padding:20px 0 0}.phone{width:235px;flex-shrink:0}.art-label{bottom:15px;left:4px;font-size:11px}.intro-strip{grid-template-columns:1fr;gap:18px;padding:28px 0}.intro-strip div{display:flex;align-items:baseline;gap:15px}.intro-strip b{font-size:15px;min-width:116px}.intro-strip span{font-size:12px}.section{padding:48px 0}.route{grid-template-columns:32px 1fr 22px;padding:23px 0;gap:10px}.route strong{font-size:18px}.route p{font-size:13px}.feature-grid,.guide-grid,.split{grid-template-columns:1fr}.feature{padding-top:16px}.page-head{padding:30px 0}.page-head h1{font-size:1.95rem}.description{font-size:14px}.doc-layout{display:block;padding-top:25px;padding-bottom:45px}.toc{position:static;max-height:none;margin-bottom:38px;background:var(--paper);padding:18px;border-radius:10px}.toc a{font-size:13px;padding:7px 12px}.toc .back{margin-top:10px}.article h2{font-size:22px}.article p,.article li{font-size:14px}.article section{margin-bottom:40px}.shots{padding:18px;gap:22px}.shot{flex-basis:100%;max-width:290px}.shot.full{max-width:290px}.note{padding:15px;font-size:13px}th,td{padding:12px}table{font-size:12px}.page-head .meta{font-size:11px}.guide-card{padding:23px}.section-title{margin-bottom:24px}.hero-actions .button{font-size:14px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.top,.toc,footer,.copy,.hero-art{display:none}.doc-layout{display:block}.article{max-width:none}.shots{break-inside:avoid}.shot{max-width:200px}a{color:inherit}body{font-size:12px}.wrap{max-width:none}}

h1,h2{text-wrap:balance}

.hero h1{font-size:clamp(1.75rem,3.7vw,3.2rem);white-space:nowrap}

/* 法律まわりのページ（tools/build_pages.py が組み立てる） */
.legal-body{padding-top:44px;padding-bottom:70px}.legal-body .article{max-width:820px}.legal-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}@media(max-width:640px){.legal-body{padding-top:25px;padding-bottom:45px}}
/* AIyabane のトップのアプリ一覧 */
.app-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white}.app-card img{border-radius:20px}.app-card h3{margin:0 0 8px}.app-card h3 small{font-size:13px;font-weight:500;color:var(--muted)}.app-card .hero-actions{margin-top:16px}@media(max-width:640px){.app-card{grid-template-columns:1fr;padding:20px;gap:14px}.app-card img{width:64px;height:64px}}
.app-legal{margin-top:18px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 16px}.app-legal span{font-weight:600}.company{max-width:760px}

/* TCG-T サポート */
.support-hero{position:relative;overflow:hidden;background:var(--dark);color:white;border:0;padding:64px 0 54px}.support-hero:after{content:"";position:absolute;width:430px;height:430px;right:-80px;top:-210px;border:1px solid #45617f;border-radius:74px;transform:rotate(18deg);box-shadow:0 0 0 34px #1a3049,0 0 0 35px #45617f}.support-hero .wrap{position:relative;z-index:1}.support-hero .breadcrumb,.support-hero .breadcrumb a{color:#aab9cc}.support-hero .eyebrow{color:#8bbcff}.support-hero h1{margin-bottom:20px}.support-hero .description{color:#c1cddd}.support-section{background:var(--paper)}.support-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:38px;align-items:start}.faq-list{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:5px 25px;box-shadow:0 14px 35px #1b35520a}.faq-list details:last-child{border-bottom:0}.faq-list summary{padding:3px 34px 3px 0}.support-related{font-size:14px;color:var(--muted);padding:22px 4px 0}.support-related p{margin-bottom:8px}.support-panel{position:sticky;top:110px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 18px 45px #1b355210}.support-panel .button{width:100%}.support-panel hr{border:0;border-top:1px solid var(--line);margin:27px 0}.support-panel .support-mail{font-size:18px}.support-panel .note{margin:24px 0}.support-update{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}.support-update span{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--blue)}.support-update h3{margin:6px 0 8px}.support-update p{font-size:14px;color:var(--muted);margin:0}
@media(max-width:760px){.support-grid{grid-template-columns:1fr}.support-panel{position:static}.support-hero:after{right:-250px}.faq-list{padding:4px 20px}}
@media(max-width:640px){.support-hero{padding:38px 0 34px}.support-hero h1{font-size:2.25rem}.support-panel{padding:24px}}