@layer external, reset, variables, base, composition, utilities, blocks, exception;@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap") layer(external);@layer reset{*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none}body{line-height:1.8;min-height:100vh}button,h1,h2,h3,h4,input,label{line-height:1.1}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer variables{:root{--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a6a09b;--color-stone-500:#79716b;--color-stone-600:#57534d;--color-stone-700:#44403b;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--width-680:680px}}@layer base{html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:30px}@font-face{font-family:Local Noto Sans JP;src:local("Noto Sans JP")}body{-webkit-text-size-adjust:100%;background-color:var(--color-stone-50);color:var(--color-stone-700);font-family:Local Noto Sans JP,Noto Sans JP,Hiragino Sans,Yu Gothic,游ゴシック体,MS PGothic,sans-serif;margin:0;min-height:100dvh;padding:0}body,header{display:flex;flex-direction:column}header{border-bottom:1px solid var(--color-stone-200);margin-bottom:40px;padding:8px 16px 20px;text-align:center}main{flex-grow:1}footer{border-top:1px solid var(--color-stone-200);display:flex;flex-direction:column;margin-top:40px;padding-bottom:20px;padding-top:20px;text-align:center}h1,h2,h3,h4,h5,h6{line-height:1.3}a{color:var(--color-stone-600);text-decoration-color:var(--color-stone-500);text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:6px}a:hover{color:var(--color-stone-500);text-decoration-style:solid}figcaption a{overflow-wrap:anywhere;word-break:break-word}blockquote{background-color:var(--color-stone-100);border-left:3px solid var(--color-stone-300);font-size:.95em;font-style:italic;margin:1.5rem 0;padding:.5rem .5rem .5rem 1.2rem;position:relative}blockquote:before{color:var(--color-stone-400);content:'"';font-size:1.5em;left:.3rem;position:absolute;top:-.1rem}blockquote p{margin-block:0;margin-bottom:8px}blockquote p:last-child{margin-bottom:0}code{border:1px solid var(--color-stone-300);border-radius:4px;margin:0 2px;padding:2px 6px}code,pre{background-color:var(--color-stone-100);color:var(--color-stone-900);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}pre{border:1px solid var(--color-stone-300);border-radius:6px;line-height:1.45;margin:1rem 0;overflow-x:auto;padding:1rem}pre code{background-color:transparent;border:none;border-radius:0;color:inherit;font-size:inherit;padding:0}ul li{margin-bottom:.5rem}ul li:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-stone-300);margin:40px auto;opacity:.5;width:60%}.table-container{margin:1.5rem 0;overflow-x:scroll;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;font-family:inherit;font-size:.95em;min-width:100%;width:max-content}caption{border-bottom:2px solid var(--color-stone-300);caption-side:top;color:var(--color-stone-700);font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}caption,td{text-align:left}td{border-bottom:1px solid var(--color-stone-200);padding:.75rem 1rem .75rem 0;vertical-align:top;white-space:nowrap}td:first-child{color:var(--color-stone-600);font-weight:500;min-width:120px;padding-right:2rem}tr:last-child td{border-bottom:none}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--color-stone-100);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:var(--color-stone-300);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--color-stone-400)}}@layer composition{.c-container{margin-inline:auto;max-width:var(--width-680);padding:0 16px;width:100%}}@layer blocks{.b-blog-list{list-style:none;padding:0}.b-blog-item{border-bottom:1px solid var(--color-stone-200);margin-bottom:30px;padding-bottom:20px}.b-blog-item:last-child{border-bottom:none;margin-bottom:0}.b-blog-title{margin:0 0 10px}.b-blog-date{color:var(--color-stone-500);font-size:.9em;margin-bottom:10px}.blog-excerpt{color:var(--color-stone-600);margin:0}.b-post-title{margin-bottom:8px;word-wrap:break-word;hyphens:auto;word-break:break-word}.b-post-meta{color:var(--color-stone-500);display:flex;flex-direction:column;font-size:.9em;margin-bottom:32px}.b-post-content{margin-bottom:40px}.b-header-title{display:block;font-size:clamp(.5em,7.5vw,2em);font-weight:700;line-height:1.1;margin-top:.67em;unicode-bidi:isolate}.b-footer{flex-direction:column;font-size:clamp(.25rem,7.5vw,.75rem);gap:2px}.b-footer,.b-footer-links{display:flex;justify-content:center}.b-footer-links{gap:16px}}@layer blocks{}@layer blocks{}@layer blocks{}