@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500;700&family=Shippori+Mincho:wght@400;500;600&display=swap");
/* タイトル（画面イメージ v4.4 の top を移したもの）。前半は「読む」だけ。 */
:root{--ink:#dfe2e6;--soft:#98a2ad;--dim:#7d8792;--accl:#a9cecd;
 --serif:"Shippori Mincho","Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
 --sans:"Noto Sans JP","Yu Gothic UI","Hiragino Sans",sans-serif}
*{box-sizing:border-box}
html,body{margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.85;background:#06080b;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
a{color:inherit;text-decoration:none}
p,h1{margin:0}
.col{width:100%;max-width:440px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#121820 0%,#0b0f14 55%,#080b0f 100%)}
.en{font-weight:300;font-size:.7rem;letter-spacing:.22em;color:var(--soft);margin:2px 0 0}
.title{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#10161d 0%,#0a0d12 60%,#06080b 100%)}
.title svg.art{position:absolute;inset:0;width:100%;height:100%}
.title .tx{position:relative;z-index:1;padding:84px 28px 0}
.title .ser{font-size:.74rem;letter-spacing:.3em;color:var(--accl);margin:0 0 6px;font-weight:400}
.title h1{font-family:var(--serif);font-size:2rem;font-weight:500;letter-spacing:.08em;color:#f2f3f4;margin:34px 0 6px;white-space:nowrap;line-height:1.4}
.title .sub{font-family:var(--serif);font-size:1.02rem;font-weight:400;color:var(--ink);margin:40px 0 4px;white-space:nowrap;letter-spacing:.06em}
.title .btns{position:relative;z-index:1;margin-top:auto;padding:0 28px 22px;display:grid;gap:16px}
.title .btns a{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;white-space:nowrap}
.title .btns a.p{font-size:.95rem;font-weight:400;letter-spacing:.14em;color:#d7e6e5;background:rgba(255,255,255,.035);border:1px solid rgba(111,167,166,.55);border-radius:3px}
.title .btns a.q{font-size:.82rem;font-weight:300;letter-spacing:.12em;color:var(--soft);justify-self:center;min-height:44px;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.18)}
.verfoot{position:relative;z-index:1;text-align:center;font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;font-size:.68rem;font-weight:300;color:var(--dim);padding-bottom:calc(14px + env(safe-area-inset-bottom))}