@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.p-entry-header[data-astro-cid-nubei7hw]{display:grid;grid-template:"heading"auto"."var(--spacing-md)"tags"auto"."var(--spacing-lg)"date"auto/minmax(0,1fr);column-gap:1em;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.p-entry-header__date[data-astro-cid-nubei7hw]{grid-area:date;display:flex;column-gap:var(--spacing-sm)}.p-entry-header__title[data-astro-cid-nubei7hw]{grid-area:heading;font-size:calc(26*var(--to-rem))}@media screen and (max-width:767px){.p-entry-header__title[data-astro-cid-nubei7hw]{font-size:calc(22*var(--to-rem))}}.p-entry-header__tags[data-astro-cid-nubei7hw]{grid-area:tags;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.p-toc[data-astro-cid-6t6zfk7k]{padding:var(--spacing-xl) var(--spacing-4xl);border:1px solid var(--color-border);border-radius:var(--rounded-md);background-color:var(--color-bg)}@media screen and (max-width:767px){.p-toc[data-astro-cid-6t6zfk7k]{padding:var(--spacing-lg)}}.p-toc__title[data-astro-cid-6t6zfk7k]{font-weight:700;font-size:calc(20*var(--to-rem));text-align:center}@media screen and (max-width:767px){.p-toc__title[data-astro-cid-6t6zfk7k]{font-size:calc(18*var(--to-rem))}}.p-toc__list[data-astro-cid-6t6zfk7k]{margin-top:var(--spacing-md);display:grid;row-gap:10px;list-style-position:inside;padding-left:0}.p-toc__sub-list[data-astro-cid-6t6zfk7k]{margin-top:12px;padding-left:1em;display:grid;row-gap:5px}@media screen and (max-width:767px){.p-toc__sub-list[data-astro-cid-6t6zfk7k]{padding-left:.5em}}.p-toc__link[data-astro-cid-6t6zfk7k]{text-decoration:revert}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.codepen-embed__header[data-astro-cid-gzkyidnt]{display:inline-block;background-color:var(--color-bg-inverse);border-radius:var(--rounded-xs) var(--rounded-xs)0 0;padding:var(--spacing-xs) var(--spacing-md);font-size:calc(14*var(--to-rem));color:var(--color-text-inverse)}.codepen-embed__body[data-astro-cid-gzkyidnt]{margin:-1px 0 0;aspect-ratio:2/1.25}@media screen and (max-width:767px){.codepen-embed__body[data-astro-cid-gzkyidnt]{aspect-ratio:2/1.5}}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.c-related-posts__list[data-astro-cid-llggujpl]{margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--spacing-md)}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.c-share-actions[data-astro-cid-6rj3ayik]{display:flex;flex-wrap:wrap;justify-content:end;align-items:end;column-gap:var(--spacing-sm);font-size:calc(13*var(--to-rem))}.c-share-actions__button[data-astro-cid-6rj3ayik]{--_icon-size:16px;--_label-opacity:0;--_label-visibility:hidden;--_label-transform:translateX(-50%) translateY(4px);position:relative;display:grid;place-content:center;aspect-ratio:1;width:40px;border-radius:var(--rounded-full);border:1px solid;background-color:var(--color-bg)}@media (any-hover:hover){.c-share-actions__button[data-astro-cid-6rj3ayik]:hover{opacity:1;--_icon-transform:scale(1.1);--_label-opacity:1;--_label-visibility:visible;--_label-transform:translateX(-50%) translateY(0)}}.c-share-actions__button[data-astro-cid-6rj3ayik][data-button=copy]{--_copy-icon-y:0%;--_check-icon-y:100%}.c-share-actions__button[data-astro-cid-6rj3ayik][data-button=copy][data-copy=completed]{--_copy-icon-y:-100%;--_check-icon-y:0%}.c-share-actions__button[data-astro-cid-6rj3ayik]:after{content:attr(aria-label);position:absolute;bottom:calc(100% + var(--spacing-sm));left:50%;z-index:1;padding:var(--spacing-xs) var(--spacing-md);font-size:calc(12*var(--to-rem));line-height:1.3;white-space:nowrap;color:var(--color-text-inverse);background-color:var(--color-bg-inverse);border-radius:var(--rounded-md);box-shadow:0 2px 8px #0000001f;pointer-events:none;opacity:var(--_label-opacity);visibility:var(--_label-visibility);transform:var(--_label-transform);transition-property:opacity,transform,visibility;transition-duration:var(--duration)}.c-share-actions__button[data-astro-cid-6rj3ayik]:focus-visible:after{--_label-opacity:1;--_label-visibility:visible;--_label-transform:translateX(-50%) translateY(0)}.c-share-actions__button-icon[data-astro-cid-6rj3ayik]{display:flex;width:var(--_icon-size);transform:var(--_icon-transform);transition:transform var(--duration)}.c-share-actions__button-stack[data-astro-cid-6rj3ayik]{position:relative;width:var(--_icon-size);aspect-ratio:1;overflow:hidden;transform:var(--_icon-transform);transition:transform var(--duration)}.c-share-actions__button-layer[data-astro-cid-6rj3ayik]{position:absolute;inset:0;width:100%;transition:transform var(--duration) ease-in-out}.c-share-actions__button-layer[data-astro-cid-6rj3ayik][data-c-icon=copy]{transform:translateY(var(--_copy-icon-y, 0%))}.c-share-actions__button-layer[data-astro-cid-6rj3ayik][data-c-icon=check]{transform:translateY(var(--_check-icon-y, 0%))}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.c-author[data-astro-cid-2ri7i3m6]{--_rounded:var(--rounded-xs)}.c-author__label[data-astro-cid-2ri7i3m6]{display:inline-block;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);background-color:var(--color-card-bg);font-size:calc(16*var(--to-rem));border-radius:var(--_rounded)0 0 0;position:relative}@media screen and (max-width:767px){.c-author__label[data-astro-cid-2ri7i3m6]{font-size:calc(14*var(--to-rem))}}.c-author__label[data-astro-cid-2ri7i3m6]:before{content:"";width:40px;height:100%;background-color:inherit;position:absolute;inset:0 auto 0 100%;clip-path:var(--clip-triangle-lower-left)}@media screen and (max-width:767px){.c-author__label[data-astro-cid-2ri7i3m6]:before{width:30px}}.c-author__box[data-astro-cid-2ri7i3m6]{--_img-size:85px;background-color:var(--color-card-bg);padding:var(--spacing-md);display:grid;grid-template-columns:var(--_img-size) minmax(0,1fr);align-items:start;column-gap:var(--spacing-md);border-radius:0 var(--_rounded) var(--_rounded) var(--_rounded)}@media screen and (max-width:767px){.c-author__box[data-astro-cid-2ri7i3m6]{--_img-size:75px}}.c-author__img[data-astro-cid-2ri7i3m6]{aspect-ratio:1;border-radius:var(--rounded-full);background-color:var(--color-bg);border:4px solid var(--color-bg);overflow:hidden}.c-author__img[data-astro-cid-2ri7i3m6] img[data-astro-cid-2ri7i3m6]{height:100%;object-fit:cover;object-position:50% 50%}.c-author__body[data-astro-cid-2ri7i3m6]{--_row-gap:10px;padding-top:var(--spacing-xs)}.c-author__name[data-astro-cid-2ri7i3m6]{font-weight:700;font-size:calc(18*var(--to-rem));font-family:var(--font-secondary)}@media screen and (max-width:767px){.c-author__name[data-astro-cid-2ri7i3m6]{font-size:calc(16*var(--to-rem))}}.c-author__message[data-astro-cid-2ri7i3m6]{font-size:calc(14*var(--to-rem))}.c-author__link[data-astro-cid-2ri7i3m6]{display:inline-block;padding-block:var(--spacing-xxs)}.c-author__link[data-astro-cid-2ri7i3m6] span[data-astro-cid-2ri7i3m6]{font-size:calc(14*var(--to-rem));display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;column-gap:var(--spacing-xs);padding-bottom:var(--spacing-xxs)}.c-author__link[data-astro-cid-2ri7i3m6] span[data-astro-cid-2ri7i3m6]:after{content:"";aspect-ratio:1;background-color:currentColor;mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgd2lkdGg9IjEyOHB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48Zz48bGluZSBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMkYzNDM1O3N0cm9rZS13aWR0aDoxMjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiB4MT0iNDAuNSIgeDI9Ijg3LjUiIHkxPSIxNyIgeTI9IjY0Ii8+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzJGMzQzNTtzdHJva2Utd2lkdGg6MTI7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgeDE9Ijg3LjUiIHgyPSI0MC41IiB5MT0iNjQiIHkyPSIxMTEiLz48L2c+PC9zdmc+);mask-repeat:no-repeat;mask-position:center;mask-size:contain}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(/assets/fonts/NotoSansJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:montserrat;src:url(/assets/fonts/montserrat-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--to-rem:.0625rem;--font-primary:"Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", meiryo, sans-serif;--font-secondary:"montserrat", sans-serif;--root-font-size:16;--device-scale:1;--viewport-min:768;--viewport-max:1150;--font-size-min:14;--font-size-max:16;--contents-width:1050px;--contents-width-sm:820px;--contents-width-lg:1200px;--sp-max-width:540px;--page-gutter-pc:25px;--page-gutter-sp:20px;--spacing-unit:8px;--spacing-xxs:calc(var(--spacing-unit) / 4);--spacing-xs:calc(var(--spacing-unit) / 2);--spacing-sm:calc(var(--spacing-unit) * 1);--spacing-md:calc(var(--spacing-unit) * 2);--spacing-lg:calc(var(--spacing-unit) * 3);--spacing-xl:calc(var(--spacing-unit) * 4);--spacing-2xl:calc(var(--spacing-unit) * 5);--spacing-3xl:calc(var(--spacing-unit) * 6);--spacing-4xl:calc(var(--spacing-unit) * 8);--spacing-5xl:calc(var(--spacing-unit) * 10);--spacing-6xl:calc(var(--spacing-unit) * 12);--spacing-7xl:calc(var(--spacing-unit) * 16);--spacing-8xl:calc(var(--spacing-unit) * 20);--c-base:#fff;--c-primary:#3c3c43;--c-accent:#007d5c;--c-border:#ddd;--c-border-dark:#fff3;--c-text:var(--c-primary);--c-text-white:#fff;--c-text-link:#1a0dab;--c-text-link-dark:#22c55e;--c-text-lighter:#717171;--c-text-lighter-dark:#f7f7f7;--c-text-error:#d32f2f;--c-text-error-dark:#ff6b6b;--c-marker:#fff996;--c-marker-dark:transparent;--c-card-bg:#f7f7f7;--c-card-bg-dark:#48484f;color-scheme:light dark;--color-bg:var(--theme-bg-color, var(--c-base));--color-text:var(--theme-text-color, var(--c-text));--color-bg-inverse:var(--theme-bg-color-inverse, var(--c-primary));--color-text-inverse:var(--theme-text-color-inverse, var(--c-text-white));--color-text-link:var(--theme-text-link-color, var(--c-text-link));--color-text-lighter:var(--theme-text-light-color, var(--c-text-lighter));--color-text-error:var(--theme-text-color-error, var(--c-text-error));--color-border:var(--theme-border-color, var(--c-border));--color-marker:var(--theme-marker-color, var(--c-marker));--color-card-bg:var(--theme-card-bg, var(--c-card-bg));--z-index-modal:50;--z-index-modal-open:100;--z-index-overlay:40;--z-index-sp-menu:30;--z-index-header:10;--z-index-page-top:5;--z-index-following-banner:5;--clip-triangle-top:polygon(50% 0, 100% 100%, 0 100%);--clip-triangle-bottom:polygon(0 0, 100% 0, 50% 100%);--clip-triangle-right:polygon(0 0, 100% 50%, 0 100%);--clip-triangle-left:polygon(0 50%, 100% 0, 100% 100%);--clip-triangle-lower-left:polygon(0 0, 100% 100%, 0 100%);--clip-triangle-upper-left:polygon(0 0, 100% 0, 0 100%);--clip-triangle-lower-right:polygon(100% 0, 100% 100%, 0 100%);--clip-triangle-upper-right:polygon(0 0, 100% 0, 100% 100%);--clip-size:.75rem;--clip-round:shape( from calc(100% - calc(var(--clip-size) * 1.6)) top, curve to right calc(var(--clip-size) * 1.6) with calc(100% - calc(var(--clip-size) * 1.6) * .12) top / right calc(calc(var(--clip-size) * 1.6) * .12), line to right calc(100% - calc(var(--clip-size) * 1.6)), curve to calc(100% - calc(var(--clip-size) * 1.6)) bottom with right calc(100% - calc(var(--clip-size) * 1.6) * .12) / calc(100% - calc(var(--clip-size) * 1.6) * .12) bottom, line to calc(var(--clip-size) * 1.6) bottom, curve to left calc(100% - calc(var(--clip-size) * 1.6)) with calc(calc(var(--clip-size) * 1.6) * .12) bottom / left calc(100% - calc(var(--clip-size) * 1.6) * .12), line to left calc(var(--clip-size) * 1.6), curve to calc(var(--clip-size) * 1.6) top with left calc(calc(var(--clip-size) * 1.6) * .12) / calc(calc(var(--clip-size) * 1.6) * .12) top, line to calc(100% - calc(var(--clip-size) * 1.6)) top, close );--rounded-xxxs:2px;--rounded-xxs:4px;--rounded-xs:8px;--rounded-sm:12px;--rounded-md:16px;--rounded-lg:24px;--rounded-xl:32px;--rounded-full:99rem;--tracking-sm:.025em;--tracking-md:.05em;--tracking-lg:.1em;--duration:.3s}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:var(--c-primary);--color-text:var(--c-text-white);--color-bg-inverse:var(--c-base);--color-text-inverse:var(--c-text);--color-text-link:var(--c-text-link-dark);--color-text-lighter:var(--c-text-lighter);--color-text-error:var(--c-text-error);--color-border:var(--c-border-dark);--color-marker:var(--c-marker-dark);--color-card-bg:var(--c-card-bg-dark)}}.l-entry__body[data-astro-cid-7jjqptxk]{margin-top:var(--spacing-xl)}.l-entry__side[data-astro-cid-7jjqptxk]{--_row-gap:var(--spacing-5xl)}@media screen and (max-width:767px){.l-entry__side[data-astro-cid-7jjqptxk]{--_row-gap:var(--spacing-3xl)}}