@charset "UTF-8";p{margin:0}.article-headline{-webkit-margin-after:6em;margin-block-end:6em}.article-headline h1{color:#333;font-weight:700;font-size:2em;text-align:center}.article-headline div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em;-webkit-margin-before:3em;margin-block-start:3em}.article-headline div div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em}.blog-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:6em}.blog-body>*:first-child{-webkit-box-flex:999;-ms-flex-positive:999;flex-grow:999;-ms-flex-preferred-size:0;flex-basis:0;min-inline-size:50%}.blog-body>*:last-child{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:20em;flex-basis:20em}@media (width <= 1024px){.blog-body{display:block}.blog-body>*:last-child{display:none}}.blog-body-main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3em}.blog-content>*{color:#111;line-height:1.7;letter-spacing:.06em;word-break:break-all;overflow-wrap:break-word}.blog-content>*:first-child,.blog-content>*+*{-webkit-margin-after:.5em;margin-block-end:.5em}.blog-content>*:last-child{-webkit-margin-after:0;margin-block-end:0}.blog-content>*:first-child{-webkit-margin-before:0;margin-block-start:0}.blog-content h1{margin-block:3em;border-bottom:2px solid #d7d8de;padding-bottom:.5em;font-size:1.75em}.blog-content h2{margin-block:2em 1em;border-bottom:1px solid #d7d8de;-webkit-padding-after:.1em;padding-block-end:.1em;font-weight:700;font-size:1.75em;line-height:1.5}.blog-content h3{margin-block:1.5em .5em;font-weight:700;font-size:1.5em;line-height:1.5}.blog-content h4{margin-block:1em .5em;font-weight:700;font-size:1.25em;line-height:1.5}.blog-content p code{background-color:#f5f2f0;color:#de4a69}.blog-content a{color:#111;text-decoration-line:underline}.blog-content figure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-content figure>pre.mermaid{-ms-flex-item-align:center;align-self:center}.blog-content figure figcaption{color:#7c7c7c;font-size:.8em}.blog-content pre{border-radius:.375em;overflow-x:auto;color:#fff;font-size:.8em;letter-spacing:0}.blog-content pre::-webkit-scrollbar{height:.375em}.blog-content pre::-webkit-scrollbar-track{background-color:#00000080}.blog-content pre::-webkit-scrollbar-thumb{border-radius:1000000000px;background-color:#d7d8de}.blog-content pre::-webkit-scrollbar-button{display:none}.blog-content img{max-height:50vh;-o-object-fit:contain;object-fit:contain}.blog-content a.bookmark-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse wrap;flex-flow:row-reverse wrap;cursor:pointer;border:1px solid #d9d9db;border-radius:.375em;background:#fff;overflow:hidden;pointer-events:auto;text-decoration:none}.blog-content a.bookmark-card>picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:999;-ms-flex-positive:999;flex-grow:999;-ms-flex-preferred-size:0;flex-basis:0;place-content:center center;overflow:hidden}.blog-content a.bookmark-card>picture img{inline-size:100%;block-size:100%;-o-object-fit:cover;object-fit:cover}.blog-content a.bookmark-card>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:70%;flex-basis:70%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625em;padding:1.25em;font-size:.8em}.blog-content a.bookmark-card>div h5{display:-webkit-box;margin:0;padding:0;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;border:none;font-weight:700;font-size:1em}.blog-content a.bookmark-card>div h5+p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-content a.bookmark-card>div p{color:#727f8b}.blog-content li{-webkit-margin-start:1em;margin-inline-start:1em;list-style-position:inside}.blog-content ol li{list-style-type:decimal}.blog-content ol ol li{list-style-type:lower-alpha}.blog-content ol ol li ol li{list-style-type:lower-roman}.blog-content ul li{list-style-type:disc}.blog-content ul ul li{list-style-type:circle}.blog-content ul ul li ul li{list-style-type:square}.blog-content .to-do-list-item{-webkit-padding-start:.4em;padding-inline-start:.4em;list-style:none}.blog-content table{border:1px solid #d7d8de;border-top:none;border-left:none;border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;overflow:hidden}.blog-content table th,.blog-content table td{border-top:1px solid #d7d8de;border-left:1px solid #d7d8de;padding:.5em;text-align:left}.blog-content table th{background-color:#e6e7ed}.blog-content table thead th{border-bottom:1px solid #d7d8de}.blog-content table:has(tbody th) thead th:first-child{border-right:1px solid #d7d8de}.blog-content table tbody th{border-right:1px solid #d7d8de}.blog-content .blog-content-table{position:relative;width:100%}@media (width <= 639.98px){.blog-content .blog-content-table{overflow-x:scroll}.blog-content .blog-content-table:before{display:inline-block;margin-bottom:6px;border-radius:5px;background:#e1e3e5;padding:0 6px;content:"左右にスクロールできます";font-size:.6em}}.blog-content .blog-content-table table{-webkit-overflow-scrolling:touch}@media (width <= 639.98px){.blog-content .blog-content-table table{width:200%;table-layout:auto;white-space:nowrap}}.blog-content aside{border-radius:.375em;background-color:#d3ecff;padding:1.2em 1em}.blog-content aside:first-letter{font-size:1.5em}.blog-content iframe{max-width:100%}.blog-content .column-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.5em}.blog-content .column-list>*{-webkit-box-flex:1;-ms-flex:1;flex:1}.blog-content .column-list *[class=center-container]{padding-inline:0}.blog-content .callout{border-radius:.375em;padding:1em}.blog-content .callout[data-hasicon=true]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5em}.blog-content .callout *[class=center-container]{padding-inline:0}.blog-content details summary{cursor:pointer}.blog-content details .detail{-webkit-margin-start:1em;margin-inline-start:1em;-webkit-margin-before:1em;margin-block-start:1em}.blog-content details.toggleable-header summary>h1,.blog-content details.toggleable-header summary h2,.blog-content details.toggleable-header summary h3,.blog-content details.toggleable-header summary h4,.blog-content details.toggleable-header summary h5,.blog-content details.toggleable-header summary h6{display:inline-block;margin:0;width:calc(100% - .8em)}.blog-content details.toggleable-header summary[data-level="1"]{margin-block:3em}.blog-content details.toggleable-header summary[data-level="2"]{margin-block:5em 2em}.blog-content details.toggleable-header summary[data-level="3"]{margin-block:3.375em .75em}.blog-content details.toggleable-header summary[data-level="4"]{margin-block:2.5em .625em}.blog-content blockquote{border-left:.2em solid #333;background:#f1f1f1;padding:2em;font-style:italic}.blog-content blockquote[data-color=blue]{border-left-color:#4285f4}.blog-content blockquote[data-color=brown]{border-left-color:#8a6d3b}.blog-content blockquote[data-color=gray]{border-left-color:#707070}.blog-content blockquote[data-color=green]{border-left-color:#0f9d58}.blog-content blockquote[data-color=orange]{border-left-color:#f4b400}.blog-content blockquote[data-color=pink]{border-left-color:#e91e63}.blog-content blockquote[data-color=purple]{border-left-color:#673ab7}.blog-content blockquote[data-color=red]{border-left-color:#db4437}.blog-content blockquote[data-color=yellow]{border-left-color:#f4b400}.blog-content .expression *{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif}.blog-content .expression [aria-hidden=true]{display:none}.blog-content p.expression{overflow:auto clip}.blog-content del{color:#7c7c7c}.blog-content input[type=checkbox][readonly]{pointer-events:none}.blog-content label:has(>input[type=checkbox]){pointer-events:none}.blog-content hr{margin-block:3em}.blog-article-toc-card{--bg-color: white;position:sticky;top:10vh;right:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px #0000001a;border-radius:.375em;background-color:var(--bg-color);padding:1em;max-height:50vh;overflow-y:auto}.blog-article-toc-card::-webkit-scrollbar{width:.5em}.blog-article-toc-card::-webkit-scrollbar-track{background-color:transparent}.blog-article-toc-card::-webkit-scrollbar-thumb{border-radius:999vmax;background-color:transparent}.blog-article-toc-card:hover::-webkit-scrollbar-thumb{-webkit-transition:background-color .2s;transition:background-color .2s;background-color:#d7d8de}.blog-article-toc ol{counter-reset:list-item;list-style:none}.blog-article-toc ol li{--bullet-truck-width: 1.5em;position:relative;-webkit-padding-start:var(--bullet-truck-width);padding-inline-start:var(--bullet-truck-width);padding-block:.5em;color:#727f8b}.blog-article-toc ol li:before{--top: 0;--bottom: 0;--line-width: 1px;position:absolute;top:var(--top);bottom:var(--bottom);left:calc(var(--bullet-truck-width) / 2);-webkit-transform:translateX(-50%);transform:translate(-50%);background-color:#d7d8de;width:var(--line-width);content:""}.blog-article-toc ol li:first-child:before{--top: 50%}.blog-article-toc ol li:last-child:before{--bottom: 50%}.blog-article-toc ol li:after{--bullet-size: 1em;--bullet-border-width: .25em;position:absolute;top:calc((24px + 1em) / 2 - var(--bullet-size) / 2);left:calc(var(--bullet-truck-width) / 2 - var(--bullet-size) / 2);border:var(--bullet-border-width) solid var(--bg-color);border-radius:999vmax;background-color:#afbdcd;aspect-ratio:1/1;width:var(--bullet-size);height:var(--bullet-size);content:""}.blog-article-toc ol li[data-level="2"]:after{--bullet-size: .5em;--bullet-border-width: .01em;background-color:#afbdcd}.blog-article-toc ol li[data-level="3"]:after{--bullet-size: .5em;--bullet-border-width: .15em}.blog-relative-items{padding-block:2em}.blog-relative-items h2{-webkit-margin-after:1em;margin-block-end:1em;font-weight:700;font-size:1.2em}.blog-author-detail-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px #0000001a;border-radius:.375em;background-color:#fff;padding:2em}.blog-author-detail-card>span{max-width:7em}.blog-author-detail-card>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5em}.blog-author-detail-card>div>p:first-child{text-align:start}@media (width <= 768px){.blog-author-detail-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.blog-author-detail-card>div>p:first-child{text-align:center}}