@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-demo-dialog[data-astro-cid-m3yeeog6]{position:fixed;inset:0;overscroll-behavior:contain;transition-duration:var(--duration);transition-property:display,overlay,opacity;transition-behavior:allow-discrete;border:0;width:min(75%,750px);background-color:transparent}@media screen and (max-width:767px){.c-demo-dialog[data-astro-cid-m3yeeog6]{width:100%}}.c-demo-dialog__video[data-astro-cid-m3yeeog6] video[data-astro-cid-m3yeeog6]{display:block;width:100%;height:100%;object-fit:contain}.c-demo-dialog__button-wrapper[data-astro-cid-m3yeeog6]{margin-top:var(--spacing-md);text-align:center}.c-demo-dialog__button[data-astro-cid-m3yeeog6]{padding:var(--spacing-sm) var(--spacing-lg);color:var(--c-text-white);border-radius:var(--rounded-xxs);transition-property:background-color,color;transition-duration:var(--duration)}@media (any-hover:hover){.c-demo-dialog__button[data-astro-cid-m3yeeog6]:hover{background-color:var(--color-bg);color:var(--color-text)}}.c-demo-dialog[data-astro-cid-m3yeeog6]::backdrop{background-color:#000c;transition:opacity;transition-duration:inherit}.c-demo-dialog[data-astro-cid-m3yeeog6]:not(:modal),.c-demo-dialog[data-astro-cid-m3yeeog6]:not(:modal)::backdrop{opacity:0}@starting-style{.c-demo-dialog[data-astro-cid-m3yeeog6]:modal,.c-demo-dialog[data-astro-cid-m3yeeog6]:modal::backdrop{opacity:0}}.c-demo-dialog[data-astro-cid-m3yeeog6][open]{animation:demoModalSlideIn var(--duration) cubic-bezier(0,0,.2,1)}.c-demo-dialog[data-astro-cid-m3yeeog6]:not([open]){animation:demoModalSlideOut var(--duration) cubic-bezier(0,0,.2,1)}@keyframes demoModalSlideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes demoModalSlideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}@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-demo-card[data-astro-cid-xffym2tf]{display:contents}.c-demo-card__button[data-astro-cid-xffym2tf]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;padding:var(--spacing-md);border-radius:var(--rounded-sm);background-color:var(--color-card-bg);color:var(--color-text);transition:border-color var(--duration);border:2px solid transparent;text-align:left}@media (any-hover:hover){.c-demo-card__button[data-astro-cid-xffym2tf]:hover{border-color:var(--color-text)}}.c-demo-card__thumbnail[data-astro-cid-xffym2tf]{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--rounded-xxs)}.c-demo-card__title[data-astro-cid-xffym2tf]{margin-top:var(--spacing-md);font-size:calc(18*var(--to-rem));font-weight:700}@media screen and (max-width:767px){.c-demo-card__title[data-astro-cid-xffym2tf]{font-size:calc(16*var(--to-rem))}}.c-demo-card__description[data-astro-cid-xffym2tf]{margin-top:var(--spacing-sm);font-size:calc(14*var(--to-rem));color:var(--color-text-lighter)}@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:#1e1e1e;--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:#29292d;--c-decorated-bg-attention-light:#ecf5f2;--c-decorated-bg-note-light:#f2f2f3;--c-decorated-bg-caution-light:#fdf4ef;--c-decorated-bg-warn-light:#fceeee;--c-decorated-bg-attention-dark:#364840;--c-decorated-bg-note-dark:var(--c-card-bg-dark);--c-decorated-bg-caution-dark:#3f332a;--c-decorated-bg-warn-dark:#382d31;--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}.p-demo__list[data-astro-cid-w3h7vj4w]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(325px,100%),1fr));row-gap:var(--spacing-lg);column-gap:var(--spacing-lg)}@media screen and (max-width:767px){.p-demo__list[data-astro-cid-w3h7vj4w]{grid-template-columns:minmax(0,1fr)}}