.code-block{background-color:#1f2530;border-radius:4px;margin-block:1rem;overflow:hidden}.code-block__toolbar{color:#b0b8c4;font-size:var(--font-size-xs);grid-template-rows:48px;grid-template-columns:1fr max-content;justify-content:space-between;align-items:center;padding-left:14px;display:grid}.code-block__lang{align-content:center;display:block;&:empty:before{content:"Code"}}.code-block__copy{align-items:center;gap:10px;height:48px;padding-inline:6px 14px;font-weight:700;display:flex;&:before{content:url(/media/images/icon/icon-copy-code.svg);width:16px;height:16px;display:inline-block}&:disabled{cursor:not-allowed}&.is-success{background-color:#2e3542;border-radius:16px;gap:8px;height:32px;margin-right:14px;padding-inline:14px;&:before{content:none}&:after{content:url(/media/images/icon/icon-copy-code-checked.svg)}}}.code-block__body{color:#f9fafb;background-color:#2e3542;width:100%;padding:14px 16px;font-size:1rem;line-height:1.5;& pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}& code{display:block}}.writer-profile{background-color:var(--color-bg-surface);border:solid 1px var(--color-border-default);border-radius:8px;column-gap:24px;margin-top:16px;padding:24px;display:grid;& img{object-fit:cover;border-radius:50%;width:120px;height:120px;margin-block:0;display:inline-block}}br+.writer-profile{margin-top:0}.writer-info{grid-auto-rows:max-content;row-gap:4px;line-height:1.5;display:grid}.writer-head{font-weight:700}.writer-profile-title{font-size:var(--font-size-xs);display:block}.writer-name-kana:not(:empty){&:before{content:"（"}&:after{content:"）"}}.writer-role,.writer-bio{font-size:var(--font-size-sm)}.link-card{background-color:var(--color-bg-surface);border:1px solid #333;margin-block:16px;text-decoration:none;display:grid}.link-card-thumbnail{aspect-ratio:var(--thumbnail-aspect-ratio);object-fit:cover;margin:0}.link-card-image-empty{aspect-ratio:var(--thumbnail-aspect-ratio);background-color:#d5d9e0}.link-card-body{grid-template-rows:1fr max-content;padding:16px;display:grid}.link-card-title{color:var(--color-text-default)}.link-card-site{color:var(--color-text-subtle);font-size:var(--font-size-xs);text-align:right;align-self:end}.article-nav{--nav-base-color:#2d8c4e;justify-content:center;align-items:stretch;gap:12px;margin:40px 0;display:flex}.article-nav__prev,.article-nav__next{font-size:var(--font-size-xss);white-space:nowrap;border:none;border-radius:20px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;&:hover{text-decoration:underline;transform:translateY(-1px)}}.article-nav__prev{background-color:var(--primitive-white);border:2px solid var(--nav-base-color);color:var(--nav-base-color);box-shadow:0 2px 10px #2d8c4e1f;&:hover{background-color:#f0faf4;box-shadow:0 4px 18px #2d8c4e38}}.article-nav__next{background:linear-gradient(135deg, #34a85a 0%, var(--nav-base-color) 100%);color:var(--primitive-white);border:2px solid #0000;box-shadow:0 4px 14px #2d8c4e59;&:hover{opacity:.92;box-shadow:0 6px 20px #2d8c4e73}}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid;& img{margin-block:0}}.image-tile{aspect-ratio:16/9;overflow:hidden}.image-tile img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media screen and (width>=769px){.writer-profile{grid-template-columns:120px 1fr}.link-card{grid-template-columns:240px 1fr}}@media screen and (width<=768px){.writer-profile,.link-card,.image-grid{grid-template-columns:1fr}.writer-profile{justify-items:center;row-gap:16px}.link-card-image-empty{display:none}}@layer article-page{:root{scroll-padding:120px}:where(.article-body.svelte-mzd0zz){--title-border-color:var(--primitive-gmo-blue);--table-border-color:var(--primitive-border-default);--block-background-color:#eef2f6;& h2,& h3,& h4{font-weight:700;line-height:1.5}& ul,& blockquote{background-color:var(--block-background-color)}& h3{font-size:var(--font-size-xl);border-left:solid 4px var(--title-border-color);margin-top:32px;margin-bottom:20px;padding-left:8px}& h4{font-size:var(--font-size-lg)}& h2{margin-top:32px}& h2~h2{margin-top:64px}&>p:not(:empty){margin-block:16px;line-height:1.625}& a{color:var(--color-link-default);transition:opacity var(--transition-hover);font-weight:700;text-decoration:underline}@media (hover:hover){& a:hover{opacity:.7}}& ul,& ol{border-radius:4px;row-gap:8px;margin-block:8px;display:grid}& ul{padding:8px;line-height:1.625}& ol{background-color:var(--color-bg-surface);font-size:var(--font-size-sm);border:1px solid #edeff3;padding:16px 24px;line-height:1.57;list-style-type:decimal}& ul>li{padding-left:1rem;position:relative;&:before{content:"・";position:absolute;left:0}}& ol>li::marker{font-weight:700}& table,& td,& th{border:solid 1px var(--table-border-color)}& td,& th{padding:12px 16px}& table{border-collapse:collapse;width:100%}& .table-wrap{margin-block:16px;overflow-x:auto}& th{text-align:left;background-color:#f9fafb;border-bottom-width:2px;font-weight:700}& th+th,& td+td{border-left-width:2px}& td{border-top-width:2px}& blockquote{border-radius:8px;margin-block:8px;padding:14px 18px 16px;& cite{margin-top:8px;display:block}}& cite{color:#667182;font-size:var(--font-size-ss);font-style:normal;&:before{content:"—"}}& img{cursor:pointer;width:100%;margin-block:24px;margin-inline:auto;display:block}& figcaption{color:#667083;font-size:var(--font-size-ss);text-align:center;margin-block:8px}& iframe{width:100%;aspect-ratio:var(--movie-aspect-ratio);max-width:640px;margin:16px auto;display:block}}.image-popup-overlay.svelte-mzd0zz{z-index:10;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;inset:0;&.is-active{display:flex}}.image-popup-close.svelte-mzd0zz{position:absolute;top:0;right:0}@media screen and (width>=769px){:where(.article-body.svelte-mzd0zz){& img{max-width:480px}& h1{font-size:var(--font-size-28);line-height:1.42}& h2{font-size:var(--font-size-24);margin-bottom:16px;padding-block:8px}}.image-popup-container.svelte-mzd0zz{justify-content:center;align-items:center;display:flex;& img:where(.svelte-mzd0zz){object-fit:contain;max-width:90vw;max-height:90vh}}.image-popup-close.svelte-mzd0zz{padding:20px}}@media screen and (width<=768px){:root{scroll-padding:70px}:where(.article-body.svelte-mzd0zz){& h1,& h2{border-bottom:solid 4px var(--color-section-title-border);font-size:var(--font-size-28);padding-block:8px;font-weight:400}& h3{font-size:var(--font-size-lg)}& td,& th{padding:8px 10px}& table{white-space:nowrap;width:max-content;min-width:100%}& .table-wrap{scrollbar-width:thin;scrollbar-color:#0000004d #0000000d;overflow-x:scroll}& .table-wrap::-webkit-scrollbar{height:8px}& .table-wrap::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}& .table-wrap::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}}.image-popup-container.svelte-mzd0zz{width:100%;height:100vh;margin-top:max(0px,50dvh - 50%);padding-inline:30px;display:inline-block;overflow:scroll;& img:where(.svelte-mzd0zz){width:auto;max-width:200vw;height:auto;max-height:200vh}}.image-popup-close.svelte-mzd0zz{padding:16px}}}.ad-container.svelte-422qb9{gap:28px;display:grid}.ad-section.svelte-422qb9{background-color:var(--color-bg-surface);border:solid 1px var(--color-border-default);border-radius:8px;position:relative;overflow:hidden}.ad-logo.svelte-422qb9{align-self:center}.ad-link.svelte-422qb9{grid-template-rows:64px auto 42px;justify-items:center;row-gap:16px;padding:16px 24px;display:grid;position:relative}.ad-link.svelte-422qb9:after{content:"";background-color:var(--color-hover-overlay);opacity:0;transition:opacity var(--transition-hover);pointer-events:none;z-index:1;position:absolute;inset:0}@media (hover:hover){.ad-link.svelte-422qb9:hover:after{opacity:1}}.ad-button.svelte-422qb9{background-color:var(--color-link-default);color:var(--color-text-surface);font-size:var(--font-size-ss);border-radius:25px;width:100%;max-width:252px;font-weight:600;line-height:1}@media screen and (width>=769px){.ad-container.svelte-422qb9{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.ad-container.svelte-422qb9{display:none}}.sns-share.svelte-14cizcq{align-items:center;display:flex;position:relative}.sns-share-list.svelte-14cizcq{grid-template-rows:24px;grid-auto-columns:24px;grid-auto-flow:column;gap:7px;display:grid}.sns-share-link-x.svelte-14cizcq{background-color:var(--primitive-black);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sns-share-icon-x.svelte-14cizcq{filter:brightness(0)invert()}.copy-button.svelte-14cizcq{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);height:24px;font-size:var(--font-size-xs);border-radius:20px;justify-content:center;align-items:center;margin-left:7px;padding-inline:9px;line-height:1;display:flex;&:before{content:url(/media/images/icon/icon-copy.svg);width:14px;height:16px;display:inline-block}}.copy-toast.svelte-14cizcq{--toast-border-color:#67d2ae;--toast-text-color:#097b5e;--toast-bg-color:#e3fff1;background-color:var(--toast-bg-color);border:1px solid var(--toast-border-color);color:var(--toast-text-color);z-index:10;border-radius:8px;grid-template-columns:auto 1fr max-content;place-items:center start;column-gap:4px;width:300px;max-width:80%;min-height:46px;padding:12px;font-size:14px;font-weight:600;line-height:1.2;animation:.18s ease-out both svelte-14cizcq-toast-in;display:grid;position:absolute;left:50%;box-shadow:0 2px 8px #28282840}.copy-toast.is-error.svelte-14cizcq{--toast-bg-color:#ffedea;--toast-border-color:#de3730;--toast-text-color:#de3730}.copy-toast-message.svelte-14cizcq{grid-column:2}.copy-success-icon.svelte-14cizcq,.copy-close-icon.svelte-14cizcq{filter:invert(37%)sepia(10%)saturate(4761%)hue-rotate(121deg)brightness(92%)contrast(93%)}.copy-close-icon.svelte-14cizcq{grid-column:3;justify-self:end}.is-error.svelte-14cizcq .copy-close-icon:where(.svelte-14cizcq){filter:invert(34%)sepia(88%)saturate(5404%)hue-rotate(350deg)brightness(95%)contrast(81%)}@keyframes svelte-14cizcq-toast-in{0%{opacity:0;transform:translate(calc(10px - 50%))}to{opacity:1;transform:translate(-50%)}}@media screen and (width>=769px){.sns-share-label.svelte-14cizcq,.copy-button.svelte-14cizcq{font-weight:700}.copy-button.svelte-14cizcq{column-gap:9px}.copy-toast.svelte-14cizcq{top:-50px}}@media screen and (width<=768px){.sns-share-label.svelte-14cizcq{font-size:var(--font-size-ss)}.copy-button.svelte-14cizcq{column-gap:4px}.copy-toast.svelte-14cizcq{top:-60px}}.toc-nav.svelte-16h8mpq{background-color:var(--color-bg-surface);padding-inline:24px;row-gap:4px;padding-top:32px;display:grid}.toc-nav.is-collapsed.svelte-16h8mpq{& .toc-viewport:where(.svelte-16h8mpq){max-height:var(--toc-collapsed-max-height,0);overflow:hidden}& .toc-fade:where(.svelte-16h8mpq){display:block}}.toc-viewport.svelte-16h8mpq{position:relative}.toc-fade.svelte-16h8mpq{pointer-events:none;background:linear-gradient(#fff0,#fff);height:48px;display:none;position:absolute;bottom:0;left:0;right:0}.toc-title.svelte-16h8mpq{font-size:var(--font-size-xl);justify-content:center;gap:11px;margin-bottom:16px;display:flex}.toc-title.svelte-16h8mpq:before{content:url(/media/images/icon/icon-toc.svg);display:inline-block}.toc-list.svelte-16h8mpq{counter-reset:item;--depth:0;row-gap:4px;line-height:1.7;display:grid}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq){--depth:1}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq) .toc-list:where(.svelte-16h8mpq){--depth:2}.toc-list-item.svelte-16h8mpq{position:relative}.toc-list-item.svelte-16h8mpq:before{text-align:right;position:absolute;top:0;left:0}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){counter-increment:item}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq):before{content:counters(item, "-") " |"}.toc-list.svelte-16h8mpq .toc-list:where(.svelte-16h8mpq){margin-top:4px}.toc-action.svelte-16h8mpq{text-align:center;padding-top:16px}.toc-toggle-button.svelte-16h8mpq{border:solid 1px var(--primitive-black);font-size:var(--font-size-sm);border-radius:25px;width:100%;max-width:380px;height:40px;font-weight:600;line-height:1}@media screen and (width>=769px){.toc-nav.svelte-16h8mpq{border-style:solid;border-width:1px 0;border-color:var(--color-border-default);margin-block:32px;padding-top:24px;padding-bottom:24px}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){padding-left:calc(1.5em + var(--depth) * 1.5em)}}@media screen and (width<=768px){.toc-nav.svelte-16h8mpq{border-radius:4px;margin-block:24px;padding-top:24px;padding-bottom:24px}.toc-title.svelte-16h8mpq{font-weight:400}.toc-list.svelte-16h8mpq>.toc-list-item:where(.svelte-16h8mpq){padding-left:calc(1.5em + var(--depth) * 1em)}}.related-post-section.svelte-15gwoh3{flex-direction:column;display:flex}.related-post-section-title.svelte-15gwoh3{border-left:4px solid var(--primitive-gmo-blue);font-size:var(--font-size-xl);padding-left:12px;font-weight:700;line-height:1.2}.related-post-list.svelte-15gwoh3,.related-post-item.svelte-15gwoh3,.related-post-link.svelte-15gwoh3,.related-post-card.svelte-15gwoh3,.related-post-body.svelte-15gwoh3{display:grid}.related-post-list.svelte-15gwoh3{background-color:var(--color-bg-subtle);border-radius:8px;justify-content:center;align-items:center;gap:32px}.related-post-item.svelte-15gwoh3{background-color:var(--color-bg-surface);border-radius:16px;height:100%;overflow:hidden}.related-post-link.svelte-15gwoh3{height:100%;position:relative;&:after{content:"";background-color:var(--color-hover-overlay);opacity:0;transition:opacity var(--transition-hover);pointer-events:none;z-index:1;border-radius:16px;position:absolute;inset:0}}@media (hover:hover){.related-post-link.svelte-15gwoh3:hover:after{opacity:1}}.related-post-card.svelte-15gwoh3{grid-template-rows:max-content}.related-post-thumbnail.svelte-15gwoh3{line-height:1}.related-post-image.svelte-15gwoh3{aspect-ratio:330/175;object-fit:fill;width:100%;height:auto;display:block}.related-post-body.svelte-15gwoh3{grid-template-rows:subgrid;grid-row:span 2;gap:8px;height:100%;padding:8px 16px 16px}.related-post-card-title.svelte-15gwoh3{-webkit-line-clamp:2;font-size:var(--font-size-lg);-webkit-box-orient:vertical;font-weight:500;line-height:27px;display:-webkit-box;overflow:hidden}.related-post-date.svelte-15gwoh3{font-size:var(--font-size-xs);letter-spacing:.04px;justify-content:flex-end;align-items:end;gap:8px;font-weight:350;line-height:16px;display:flex}@media screen and (width>=769px){.related-post-section.svelte-15gwoh3{gap:28px;margin-top:64px;padding-top:16px}.related-post-list.svelte-15gwoh3{grid-template-columns:repeat(2,330px);gap:32px;margin-inline:40px;padding:32px 16px}}@media screen and (width<=768px){.related-post-section.svelte-15gwoh3{gap:24px;margin-top:48px}.related-post-list.svelte-15gwoh3{gap:24px}}html{scroll-behavior:smooth}.article-page-container[data-astro-cid-l5ge54ul]{display:grid}.article-title[data-astro-cid-l5ge54ul]{font-size:var(--title-font-size)}.article-meta[data-astro-cid-l5ge54ul]{font-size:var(--meta-font-size);grid-template-columns:repeat(2,max-content);display:grid}.article-meta-item[data-astro-cid-l5ge54ul]{display:flex}.article-footer[data-astro-cid-l5ge54ul],.article-tags[data-astro-cid-l5ge54ul]{display:grid}.article-tags-heading[data-astro-cid-l5ge54ul]{font-weight:700}@media screen and (width>=1280px){.article-page-container[data-astro-cid-l5ge54ul]{padding-right:48px}}@media screen and (width>=769px){.article-page-container[data-astro-cid-l5ge54ul]{row-gap:40px}.article-main[data-astro-cid-l5ge54ul]{--title-font-size:var(--font-size-24);--meta-font-size:var(--font-size-sm);background-color:var(--color-bg-surface);border-radius:8px;padding:40px 44px}.article-meta[data-astro-cid-l5ge54ul]{column-gap:36px;margin-top:20px}.article-thumbnail[data-astro-cid-l5ge54ul]{margin-top:16px}.article-footer[data-astro-cid-l5ge54ul]{row-gap:40px;padding-top:64px}.article-tags[data-astro-cid-l5ge54ul]{row-gap:16px}.article-tags-heading[data-astro-cid-l5ge54ul]{font-size:var(--font-size-lg)}}@media screen and (width<=768px){.article-main[data-astro-cid-l5ge54ul]{--title-font-size:var(--font-size-lg);--meta-font-size:var(--font-size-xs);padding-inline:20px;padding-bottom:64px}.article-meta[data-astro-cid-l5ge54ul]{column-gap:24px;margin-top:20px}.article-thumbnail[data-astro-cid-l5ge54ul]{margin-top:16px}.article-footer[data-astro-cid-l5ge54ul]{row-gap:32px;margin-top:48px}.article-tags[data-astro-cid-l5ge54ul]{row-gap:12px}.article-tags-heading[data-astro-cid-l5ge54ul]{font-size:var(--font-size-base)}}