.tp{--paper:#f5f3ee;--ink:#22201c;--sub:#696459;--sel:#22201c;--serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--fs:18px;--lh:1.95;--L:calc(var(--fs) * var(--lh));--col:calc(36 * 1.04 * var(--fs));--note:10rem;--gap:2.75rem;--gut:max(20px,env(safe-area-inset-left,0px));background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:var(--fs);line-height:var(--lh);letter-spacing:.04em;font-weight:400;padding:48px 0 calc(var(--L) * 5);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-break:strict;text-spacing-trim:trim-start;text-autospace:normal}.tp *{box-sizing:border-box}.tp ::selection{background:var(--sel);color:var(--paper)}.tp p,.tp figure,.tp blockquote{margin:0}.tp a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}.tp a:hover{text-decoration-thickness:2px}.tp .mono{font-family:var(--mono);letter-spacing:0}.tp .row{display:grid;grid-template-columns:var(--note) minmax(0,var(--col)) var(--note);column-gap:var(--gap);justify-content:center;padding-inline:var(--gut)}.tp .note{grid-column:1;font-size:.74rem;line-height:var(--L);letter-spacing:.06em;color:var(--sub);text-align:right;white-space:nowrap}.tp .note.mono{font-size:.72rem;display:flex;flex-direction:column;align-items:flex-end}.tp .note a{text-decoration-color:color-mix(in srgb,var(--sub) 45%,transparent)}.tp .txt{grid-column:2}.tp .txt+.txt{grid-column:2}.tp .row+.row{margin-top:calc(var(--L) * .6)}.tp p.txt,.tp .txt p{text-wrap:pretty}.tp h1,.tp h2,.tp h3{margin:0;font-weight:600;font-feature-settings:"palt";word-break:auto-phrase;text-wrap:balance}.tp h1{font-size:clamp(2.6rem,4.8vw,4.1rem);line-height:1.45;letter-spacing:.02em;font-weight:700}.tp h1 .ph{display:inline-block}.tp h2{font-size:.95rem;line-height:var(--L);letter-spacing:.2em}.tp h3{font-size:1.65rem;line-height:1.6;letter-spacing:.03em}.tp .no-sp{display:none}.tp .top{padding-top:calc(var(--L) * 4);padding-bottom:calc(var(--L) * 3)}.tp .top .note{padding-top:1.4rem;white-space:normal}.tp .top .txt{grid-column:2 / 4}.tp .lead{margin-top:calc(var(--L) * 1.3);font-size:1.375rem;line-height:1.95;letter-spacing:.05em;word-break:auto-phrase}.tp .sec{padding-top:calc(var(--L) * 4)}.tp .sec>.row:first-child{margin-bottom:calc(var(--L) * 1)}.tp .axis{padding-top:calc(var(--L) * 2.5)}.tp .sec>.row+.axis{padding-top:calc(var(--L) * .5)}.tp .axis .row:first-child{margin-bottom:calc(var(--L) * .6)}.tp .note.no{font-size:1.65rem;line-height:1.6;font-weight:600;color:var(--ink);letter-spacing:0;font-feature-settings:"lnum"}.tp .think{font-weight:600}.tp .src .txt{font-size:.74rem;display:flex;flex-wrap:wrap;gap:0 1.2em;color:var(--sub)}.tp .src .note{opacity:0}.tp .why .note{display:flex;flex-direction:column;align-items:flex-end}.tp .why .note a{font-size:.72rem}.tp .chg+.chg{padding-top:calc(var(--L) * 2)}.tp .h-chg{font-size:1.24rem;line-height:1.7;margin-bottom:calc(var(--L) * .2)}.tp .voice{margin-block:calc(var(--L) * 1)}.tp .voice blockquote p{font-size:1.24rem;line-height:1.95;font-weight:500;letter-spacing:.05em}.tp .voice blockquote p:before{content:"「"}.tp .voice blockquote p:after{content:"」"}.tp .voice .note{padding-top:.3rem}.tp .voice.big blockquote p{font-size:1.5rem;line-height:1.9}.tp .open+.open{margin-top:calc(var(--L) * 1.5)}.tp .open .voice{margin-block:calc(var(--L) * .6) 0}.tp .note .when{font-family:var(--serif);letter-spacing:.06em}.tp .end{padding-top:calc(var(--L) * 4)}.tp .end p{margin-bottom:calc(var(--L) * .6)}.tp .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:4px;background:var(--ink);color:var(--paper);text-decoration:none;font-family:Noto Sans JP,system-ui,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.04em}.tp .btn:hover{background:#000}.tp .btn .ms{font-family:Material Symbols Outlined;font-style:normal;font-size:18px;transition:transform .2s}.tp .btn:hover .ms{transform:translate(3px)}.tp-tate{--col:calc(28 * 1.04 * var(--fs))}.tp-tate .top-tate{min-height:calc(100svh - 48px);display:flex;justify-content:center;align-items:center;padding:calc(var(--L) * 2) var(--gut)}.tp-tate .tt{writing-mode:vertical-rl;display:flex;flex-direction:column;gap:calc(var(--L) * 1.6)}.tp-tate .tt>*{white-space:nowrap}.tp-tate .tt-note{font-size:.78rem;letter-spacing:.2em;color:var(--sub)}.tp-tate .tt h1{font-size:clamp(2.6rem,5.6vh,3.9rem);line-height:1.7;letter-spacing:.08em;font-weight:700}.tp-tate .tt-lead{font-size:1.3rem;line-height:2.2;letter-spacing:.12em;padding-top:5.5em}.tp-tate .voice blockquote{display:flex;justify-content:center}.tp-tate .voice blockquote p{writing-mode:vertical-rl;white-space:nowrap;font-size:1.3rem;line-height:2.1;letter-spacing:.12em;text-align:start}.tp-tate .voice.big blockquote p{font-size:1.45rem}.tp.tp-tate .row.voice{margin-block:calc(var(--L) * 3)}.tp.tp-tate .open .row.voice{margin-block:calc(var(--L) * 2.5) calc(var(--L) * 1)}.tp-tate .voice .up{text-orientation:upright;letter-spacing:0}.tp-tate .voice blockquote p{text-autospace:no-autospace}.tp-tate .voice .tcy{text-combine-upright:all;letter-spacing:0;font-feature-settings:"hwid" 1}@media(max-width:820px){.tp{--fs:16.5px;--lh:1.9}.tp .row{grid-template-columns:minmax(0,1fr);column-gap:0}.tp .note,.tp .txt{grid-column:1}.tp .note{text-align:left;line-height:1.8;white-space:normal}.tp .note.mono{flex-direction:row;gap:0 1em;justify-content:flex-start}.tp .row>.note:empty{display:none}.tp .row>.note+.txt{margin-top:2px}.tp .note.no,.tp .top .note br{display:none}.tp .no-sp{display:inline}.tp .voice .note{order:2;padding-top:4px}.tp .src .note{display:none}.tp .why .note{flex-direction:row;flex-wrap:wrap;gap:0 1em;align-items:baseline}.tp h1{font-size:calc((100vw - 2*var(--gut)) / 11.6)}.tp h3{font-size:1.4rem}.tp .lead{font-size:1.04rem;letter-spacing:.03em}.tp .top .txt{grid-column:1}.tp .top{padding-top:calc(var(--L) * 2.5)}.tp .voice blockquote p{font-size:1.12rem}.tp .voice.big blockquote p{font-size:1.25rem}.tp-tate .tt{gap:calc(var(--L) * 1)}.tp-tate .tt h1{font-size:2.2rem}.tp-tate .tt-lead{font-size:1.02rem;padding-top:4em}.tp-tate .voice blockquote p{font-size:1.1rem}.tp.tp-tate .row.voice{margin-block:calc(var(--L) * 2.2)}.tp-tate .voice.big blockquote p{font-size:1.2rem}}