*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;padding:0;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh;min-height:-webkit-fill-available}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{display:block;max-width:100%;height:auto}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: rgba(36, 145, 255, .08);--accent-lighter: #FEE685;--accent-light: #FACE00;--accent-normal: #DDAA01;--accent-dark: #B38C00;--accent-darker: #947100;--accent-heading-line: rgba(250, 206, 0, .5);--link-normal: #2378C3;--state-info: #00BDE3;--state-error: #EF5E25;--state-warning: #FFBE2E;--state-success: #21C834;--screen-bg: #FFFFFF;--screen-border: #f6f6f6;--card-bg: #FFFFFF;--card-border: #f6f6f6;--footer-bg: #FFFFFF;--footer-border: #f6f6f6;--footer-item-hover: #f6f6f6;--tab-bg: #FFFFFF;--tab-border: #f6f6f6;--tab-item-active: #2491FF;--tab-item-hover: #f6f6f6;--tab-label-active: #FFFFFF;--dock-bg: #FFFFFF;--dock-button-active: #2491FF;--dock-button-inactive: #e6e6e6;--dock-icon-active: #FFFFFF;--dock-icon-inactive: #5c5c5c;--dock-toggle: #757575;--share-bg: #f6f6f6;--share-button-active: #2491FF;--share-button-inactive: #FFFFFF;--share-icon-active: #FFFFFF;--share-icon-inactive: #2491FF;--snackbar-bg: #383838;--snackbar-label: #FACE00;--snackbar-label-tap-highlight: rgba(250, 206, 0, .08);--snackbar-close: #adadad;--snackbar-close-tap-highlight: rgba(173, 173, 173, .08);--article-blockquote: #e6e6e6;--article-hr: #f6f6f6;--article-inlinecode: #e6e6e6;--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 (min-width: 768px){:root{--keyline-x: 64px;--keyline-top: 72px;--keyline-bottom: 72px;--keyline-list-x: 48px;--keyline-list-bottom: 32px }}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,Hiragino Kaku Gothic Pro,Noto Sans JP,Meiryo,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:var(--main-tap-highlight, rgba(36, 145, 255, .08))}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 (min-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, #FFFFFF)}#screen{position:relative;max-width:768px;min-height:100vh;margin:0 auto;background-color:var(--screen-bg, #FFFFFF)}@supports (-webkit-touch-callout: none){#screen{min-height:-webkit-fill-available}}@media screen and (hover: hover)and (pointer: fine)and (min-width: 992px){#container{background-color:unset}#container:before{content:"";position:fixed;inset:0;background:var(--bg) no-repeat center center;background-attachment:fixed;background-size:cover;filter:blur(8px)}#device{display:flex;justify-content:center}#device:before{content:"";position:fixed;display:inline-block;width:34px;top:0;bottom:0;left:calc(50% - 418px);background-repeat:no-repeat;background-image:linear-gradient(to left,#d7d6d6 50%,#a3a3a5),linear-gradient(to right,#656367,#727273 62%,#3f3d3d),linear-gradient(to right,#19191a 90%,#000);background-position:0 0,7px 0,14px 0;background-size:7px 100%,7px 100%,20px 100%}#device:after{content:"";position:fixed;display:inline-block;width:38px;top:0;bottom:0;right:calc(50% - 422px);background-repeat:no-repeat;background-image:linear-gradient(to bottom,#c4c4c4,#c4c4c4),radial-gradient(circle at bottom,#E1E0DE 50%,transparent 51%),radial-gradient(circle at top,#8D8B8B 50%,transparent 51%),linear-gradient(to bottom,#e1e0de 95%,#8d8b8b),linear-gradient(to bottom,#7ad2a9,#7ad2a9),radial-gradient(circle at bottom,#80E1B4 50%,transparent 51%),radial-gradient(circle at top,#559778 50%,transparent 51%),linear-gradient(to bottom,#80e1b4 95%,#559778),linear-gradient(to left,#19191a 90%,#000),linear-gradient(to left,#656367 15%,#727273 67%,#3f3d3d),linear-gradient(to right,#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-size:1px 191px,6px 6px,6px 6px,6px 201px,1px 84px,6px 6px,6px 6px,6px 94px,20px 100%,7px 100%,6px 100%}#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:"";display:block;padding-top:var(--keyline-top)}.keyline-bottom:after{content:"";display:block;padding-bottom:var(--keyline-bottom)}.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:"";display:block;padding-top:var(--keyline-list-top)}.keyline-list-bottom:after{content:"";display:block;padding-bottom:var(--keyline-list-bottom)}.avatar--rounded{border-radius:50%}.icon{position:relative;display:inline-block;contain:content;line-height:1}.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{position:fixed;height:100vh;z-index:15;pointer-events:none}.hbox--left{left:0}.hbox--right{right:0}@media (min-width: 768px){.hbox--left{left:50%;transform:translate(-384px)}.hbox--right{right:50%;transform:translate(384px)}}.vbox{position:fixed;width:100%;min-width:320px;z-index:10;pointer-events:none}.vbox--bottom{bottom:0}.vbox--top{top:0}@media (min-width: 768px){.vbox{margin:0 auto;width:768px}}.author{display:flex;flex-direction:column}.author__name{font-weight:700;white-space:nowrap;font-size:20px}.author__aka{color:var(--text-ternary, #5c5c5c);font-size:12px;line-height:1}@media (min-width: 360px){.author__name{font-size:32px}}@media (min-width: 768px){.author__name{font-size:32px}}.footer{display:flex;flex-direction:column;border-top:1px solid var(--footer-border, #f6f6f6);background-color:var(--footer-bg, #FFFFFF)}.footer__nav{display:flex}.footer__nav-item{position:relative;flex:0 0 90px;height:48px;color:var(--text-secondary, #454545);font-size:12px;font-weight:700;line-height:1}@media screen and (hover: hover)and (pointer: fine){.footer__nav-item:before{content:"";position:absolute;inset:0;opacity:0;background-color:var(--footer-item-hover, #f6f6f6)}.footer__nav-item:hover:before,.footer__nav-item:focus-within:before{opacity:1}}.footer__link{position:absolute;display:flex;justify-content:center;align-items:center;inset:0}.footer__copyright{margin:16px auto;color:var(--text-ternary, #5c5c5c);font-size:12px;line-height:1}@media (min-width: 768px){.footer{padding:0 48px}}.share{position:absolute;display:inline-block;bottom:65px;right:var(--keyline-x);padding:4px;border-radius:50%;background-color:var(--share-bg, #f6f6f6)}.share__btn{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;border-radius:50%;color:var(--share-icon-inactive, #2491FF);background-color:var(--share-button-inactive, #FFFFFF);cursor:pointer;font-size:0}html:not([theme=dark]) .share__btn:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;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, #FFFFFF)}.share__btn:after{content:"";position:absolute;width:48px;height:48px;border-radius:50%;transform-origin:center;transform:scale(.8);transition:all .3s ease-out;opacity:0;background-color:var(--share-button-active, #2491FF)}.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:"";display:block;padding-bottom:calc(100% / (var(--aspect-ratio)))}[style*=--aspect-ratio]>:first-child{position:absolute;top:0;left:0;height:100%}}