*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{scroll-behavior:smooth;text-rendering:optimizespeed;min-height:-webkit-fill-available;margin:0;padding:0;line-height:1.5}main{display:block}ul[class],ol[class]{padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p,ul[class],ol[class],li,figure,blockquote,dl,dd,pre{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}:root{--base-lightest:#f6f6f6;--base-lighter:#e6e6e6;--base-light:#adadad;--base-normal:#757575;--base-dark:#5c5c5c;--base-darker:#454545;--base-darkest:#1b1b1b;--text-primary:#1b1b1b;--text-secondary:#454545;--text-ternary:#5c5c5c;--text-disabled:#919191;--text-primary-inverse:#e6e6e6;--text-secondary-inverse:#c9c9c9;--text-ternary-inverse:#adadad;--text-disabled-inverse:#454545;--main-lighter:#eff6fb;--main-light:#73b3e7;--main-normal:#2378c3;--main-dark:#2c608a;--main-darker:#274863;--main-vivid:#2491ff;--main-tap-highlight:#2491ff14;--accent-lighter:#fee685;--accent-light:#face00;--accent-normal:#ddaa01;--accent-dark:#b38c00;--accent-darker:#947100;--accent-heading-line:#face0080;--link-normal:#2378c3;--state-info:#00bde3;--state-error:#ef5e25;--state-warning:#ffbe2e;--state-success:#21c834;--screen-bg:#fff;--screen-border:#f6f6f6;--card-bg:#fff;--card-border:#f6f6f6;--footer-bg:#fff;--footer-border:#f6f6f6;--footer-item-hover:#f6f6f6;--tab-bg:#fff;--tab-border:#f6f6f6;--tab-item-active:#2491ff;--tab-item-hover:#f6f6f6;--tab-label-active:#fff;--dock-bg:#fff;--dock-button-active:#2491ff;--dock-button-inactive:#e6e6e6;--dock-icon-active:#fff;--dock-icon-inactive:#5c5c5c;--dock-toggle:#757575;--share-bg:#f6f6f6;--share-button-active:#2491ff;--share-button-inactive:#fff;--share-icon-active:#fff;--share-icon-inactive:#2491ff;--snackbar-bg:#383838;--snackbar-label:#face00;--snackbar-label-tap-highlight:#face0014;--snackbar-close:#adadad;--snackbar-close-tap-highlight:#adadad14;--article-blockquote:#e6e6e6;--article-hr:#f6f6f6;--article-inlinecode:#eff6fb;--article-inlinecode-fg:#1f303e;--article-code:#1b1b1b;--article-strong:#face00;--bg:url(/img/bg_320.jpg);--tab-height:48px;--keyline-x:24px;--keyline-y:32px;--keyline-top:56px;--keyline-bottom:56px;--keyline-list-x:20px;--keyline-list-y:56px;--keyline-list-top:56px;--keyline-list-bottom:24px}@media (width>=768px){:root{--keyline-x:64px;--keyline-top:72px;--keyline-bottom:72px;--keyline-list-x:48px;--keyline-list-bottom:32px}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:var(--main-tap-highlight,#2491ff14);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,Hiragino Kaku Gothic Pro,Noto Sans JP,Meiryo,sans-serif}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}h1{font-size:32px;line-height:1.25}h2{font-size:28px;line-height:1.25}h3{font-size:26px;line-height:1.5}h4{font-size:20px;line-height:1.5}h5{font-size:18px;line-height:1.5}h6{font-size:16px;line-height:1.5}@media (width>=768px){h1{font-size:40px;line-height:1.5}h2{font-size:32px;line-height:1.5}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:16px}}button{outline:none}#container{color:var(--text-primary,#1b1b1b);background-color:var(--screen-bg,#fff)}#screen{background-color:var(--screen-bg,#fff);max-width:768px;min-height:100vh;margin:0 auto;position:relative}@supports (-webkit-touch-callout:none){#screen{min-height:-webkit-fill-available}}@media screen and (hover:hover) and (pointer:fine) and (width>=992px){#container{background-color:unset}#container:before{content:"";background:var(--bg) no-repeat center center;filter:blur(8px);background-size:cover;background-attachment:fixed;position:fixed;inset:0}#device{justify-content:center;display:flex}#device:before{content:"";background-image:linear-gradient(270deg,#d7d6d6 50%,#a3a3a5),linear-gradient(90deg,#656367,#727273 62%,#3f3d3d),linear-gradient(90deg,#19191a 90%,#000);background-position:0 0,7px 0,14px 0;background-repeat:no-repeat;background-size:7px 100%,7px 100%,20px 100%;width:34px;display:inline-block;position:fixed;top:0;bottom:0;left:calc(50% - 418px)}#device:after{content:"";background-image:linear-gradient(#c4c4c4,#c4c4c4),radial-gradient(circle at bottom,#e1e0de 50%,#0000 51%),radial-gradient(circle at top,#8d8b8b 50%,#0000 51%),linear-gradient(#e1e0de 95%,#8d8b8b),linear-gradient(#7ad2a9,#7ad2a9),radial-gradient(circle at bottom,#80e1b4 50%,#0000 51%),radial-gradient(circle at top,#559778 50%,#0000 51%),linear-gradient(#80e1b4 95%,#559778),linear-gradient(270deg,#19191a 90%,#000),linear-gradient(270deg,#656367 15%,#727273 67%,#3f3d3d),linear-gradient(90deg,#d7d6d6 50%,#a3a3a5);background-position:32px 382px,32px 371px,32px 578px,32px 377px,32px 169px,32px 158px,32px 258px,32px 164px,0 0,20px 0,27px 0;background-repeat:no-repeat;background-size:1px 191px,6px 6px,6px 6px,6px 201px,1px 84px,6px 6px,6px 6px,6px 94px,20px 100%,7px 100%,6px 100%;width:38px;display:inline-block;position:fixed;top:0;bottom:0;right:calc(50% - 422px)}#screen{min-width:768px;max-width:768px;margin:0}}.keyline-x{margin-left:var(--keyline-x);margin-right:var(--keyline-x)}.keyline-y{margin-top:var(--keyline-y)}.keyline-top:before{content:"";padding-top:var(--keyline-top);display:block}.keyline-bottom:after{content:"";padding-bottom:var(--keyline-bottom);display:block}.keyline-list-x{margin-left:var(--keyline-list-x);margin-right:var(--keyline-list-x)}.keyline-list-y{margin-top:var(--keyline-list-y)}.keyline-list-top:before{content:"";padding-top:var(--keyline-list-top);display:block}.keyline-list-bottom:after{content:"";padding-bottom:var(--keyline-list-bottom);display:block}.avatar--rounded{border-radius:50%}.icon{contain:content;line-height:1;display:inline-block;position:relative}.icon>*{position:absolute;inset:0}.icon.fill svg{fill:currentColor}.icon.stroke svg path{stroke:currentColor}.icon--sm{width:16px;height:16px}.icon--md{width:24px;height:24px}.hbox{z-index:15;pointer-events:none;height:100vh;position:fixed}.hbox--left{left:0}.hbox--right{right:0}@media (width>=768px){.hbox--left{left:50%;transform:translate(-384px)}.hbox--right{right:50%;transform:translate(384px)}}.vbox{z-index:10;pointer-events:none;width:100%;min-width:320px;position:fixed}.vbox--bottom{bottom:0}.vbox--top{top:0}@media (width>=768px){.vbox{width:768px;margin:0 auto}}.author{flex-direction:column;display:flex}.author__name{white-space:nowrap;font-size:20px;font-weight:700}.author__aka{color:var(--text-ternary,#5c5c5c);font-size:12px;line-height:1}@media (width>=360px){.author__name{font-size:32px}}@media (width>=768px){.author__name{font-size:32px}}.footer{border-top:1px solid var(--footer-border,#f6f6f6);background-color:var(--footer-bg,#fff);flex-direction:column;display:flex}.footer__nav{display:flex}.footer__nav-item{height:48px;color:var(--text-secondary,#454545);flex:0 0 90px;font-size:12px;font-weight:700;line-height:1;position:relative}@media screen and (hover:hover) and (pointer:fine){.footer__nav-item:before{content:"";opacity:0;background-color:var(--footer-item-hover,#f6f6f6);position:absolute;inset:0}.footer__nav-item:hover:before,.footer__nav-item:focus-within:before{opacity:1}}.footer__link{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.footer__copyright{color:var(--text-ternary,#5c5c5c);margin:16px auto;font-size:12px;line-height:1}@media (width>=768px){.footer{padding:0 48px}}.share{bottom:65px;right:var(--keyline-x);background-color:var(--share-bg,#f6f6f6);border-radius:50%;padding:4px;display:inline-block;position:absolute}.share__btn{width:48px;height:48px;color:var(--share-icon-inactive,#2491ff);background-color:var(--share-button-inactive,#fff);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:0;display:flex;position:relative}html:not([theme=dark]) .share__btn:before{content:"";border-radius:50%;width:48px;height:48px;position:absolute;box-shadow:0 1px 2px #80808040}@media screen and (hover:hover) and (pointer:fine){.share__btn{transition:color .5s ease-out}.share__btn:hover,.share__btn:focus{color:var(--share-icon-active,#fff)}.share__btn:after{content:"";transform-origin:50%;opacity:0;background-color:var(--share-button-active,#2491ff);border-radius:50%;width:48px;height:48px;transition:all .3s ease-out;position:absolute;transform:scale(.8)}.share__btn:hover:after,.share__btn:focus:after{opacity:1;transform:scale(1)}.share__btn .icon{z-index:1}}[style*=--aspect-ratio]>:first-child{width:100%}[style*=--aspect-ratio]>img{height:auto}@supports (--custom:property){[style*=--aspect-ratio]{position:relative}[style*=--aspect-ratio]:before{content:"";padding-bottom:calc(100% / (var(--aspect-ratio)));display:block}[style*=--aspect-ratio]>:first-child{height:100%;position:absolute;top:0;left:0}}