*,:after,:before{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;-webkit-border-before:1px solid;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:none}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}:root{--base-unit:8px;--half-unit:4px;--spacing-1:calc(var(--base-unit) * 1);--spacing-2:calc(var(--base-unit) * 2);--spacing-3:calc(var(--base-unit) * 3);--spacing-4:calc(var(--base-unit) * 4);--spacing-5:calc(var(--base-unit) * 5);--spacing-6:calc(var(--base-unit) * 6);--spacing-7:calc(var(--base-unit) * 7);--spacing-8:calc(var(--base-unit) * 8);--spacing-9:calc(var(--base-unit) * 9);--spacing-10:calc(var(--base-unit) * 10);--spacing-11:calc(var(--base-unit) * 11);--spacing-12:calc(var(--base-unit) * 12);--spacing-15:calc(var(--base-unit) * 15);--spacing-16:calc(var(--base-unit) * 16);--spacing-25:calc(var(--base-unit) * 25);--spacing-min:1px;--spacing-min-2:2px;--spacing-half:var(--half-unit);--spacing-1_5:calc(var(--half-unit) * 3);--spacing-2_5:calc(var(--half-unit) * 5);--spacing-37_5:calc(var(--base-unit) * 37.5);--font-google-symbols:"Material Symbols Outlined";--font-dot:var(--font-dot-gothic,"DotGothic16",sans-serif);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;font-size:62.5%;--font-size-10:1rem;--font-size-12:1.2rem;--font-size-14:1.4rem;--font-size-16:1.6rem;--font-size-18:1.8rem;--font-size-20:2rem;--font-size-24:2.4rem;--font-size-28:2.8rem;--font-size-32:3.2rem;--font-size-36:3.6rem;--font-size-48:4.8rem;--font-size-64:6.4rem;--font-size-72:7.2rem;--line-height-100:1;--line-height-120:1.2;--line-height-140:1.4;--line-height-150:1.5;--line-height-180:1.8;--line-height-200:2;--font-size-default:var(--font-size-16);--line-height-default:var(--line-height-150);--border-w-min:1px;--border-w-default:2px;--border-w-bold:4px;--radius-1:1px;--radius-2:2px;--radius-4:4px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-32:32px;--radius-40:40px;--radius-64:64px;--radius-full:9999px;--border-primary:var(--theme-color-fg);--border-secondary:var(--gray-50);--border-tertiary:var(--gray-20);--shadow-enabled:1;--shadow-elevation:2;--shadow-opacity:calc(0.06 + (var(--shadow-elevation) * 0.04));--shadow-subtle:0px calc(1px * var(--shadow-enabled)) calc(3px * var(--shadow-enabled)) 0px rgba(0,0,0,calc(var(--shadow-opacity) * 0.5));--shadow-normal:0px calc(2px * var(--shadow-enabled)) calc(8px * var(--shadow-enabled)) 0px rgba(0,0,0,calc(var(--shadow-opacity) * 0.66));--shadow-medium:0px calc(4px * var(--shadow-enabled)) calc(16px * var(--shadow-enabled)) 0px rgba(0,0,0,var(--shadow-opacity));--shadow-large:0px calc(8px * var(--shadow-enabled)) calc(32px * var(--shadow-enabled)) 0px rgba(0,0,0,calc(var(--shadow-opacity) * 1.33));--shadow-wide-weak:0px calc(1px * var(--shadow-enabled)) calc(12px * var(--shadow-enabled)) 0px rgba(0,0,0,calc(var(--shadow-opacity) * 0.5));--shadow-for-dark-text:0px 1px 4px 0px #ffffff;--non-colored-white:#ffffff;--non-colored-black:#000000;--colored-black-rgb:38,38,38;--colored-white-rgb:237,237,237;--colored-black:rgb(var(--colored-black-rgb));--colored-white:rgb(var(--colored-white-rgb));--black-transparent-60:rgba(var(--colored-black-rgb),0.6);--black-transparent-40:rgba(var(--colored-black-rgb),0.4);--black-transparent-20:rgba(var(--colored-black-rgb),0.2);--black-transparent-10:rgba(var(--colored-black-rgb),0.1);--white-transparent-95:rgba(var(--colored-white-rgb),0.95);--white-transparent-90:rgba(var(--colored-white-rgb),0.9);--white-transparent-70:rgba(var(--colored-white-rgb),0.7);--white-transparent-50:rgba(var(--colored-white-rgb),0.5);--white-transparent-30:rgba(var(--colored-white-rgb),0.3);--white-transparent-10:rgba(var(--colored-white-rgb),0.1);--gray-10:#fafafa;--gray-20:#f5f5f5;--gray-30:#eeeeee;--gray-40:#e0e0e0;--gray-50:#bdbdbd;--gray-60:#9e9e9e;--gray-70:#757575;--gray-80:#616161;--gray-90:#424242;--theme-color-yellow:#f8ff3c;--theme-color-pink:#ffd6fb;--theme-color-green:#ccf4ce;--theme-color-blue:#a8ccef;--theme-color-orange:#f6e7d5;--theme-color-primary:var(--theme-color-yellow);--theme-color-secondary:var(--theme-color-pink);--theme-color-tertiary:var(--theme-color-green);--theme-color-accent:#ff2167;--theme-color-fg:var(--colored-black);--theme-color-surface:var(--colored-white);--theme-color-muted:var(--gray-80);--theme-color-fg-inverse:var(--colored-white);--theme-color-surface-inverse:var(--colored-black);--theme-color-muted-inverse:var(--gray-30);--global-margin:16px;--layer-a:10;--layer-b:20;--layer-c:30;--layer-d:40;--layer-max:1000;--transition-fast:0.2s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.6s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-color:color 0.8s ease,background-color 0.8s ease,border-color 0.8s ease,box-shadow 0.8s ease;--header-height:56px;--site-max-width:1400px;--page-container-width:800px;--content-max-width:1200px;--section-inner-size-l:1000px;--section-inner-size-m:800px;--section-inner-size-s:600px;--main-min-width:372px;--page-main-width:73%;--icon-btn-size:48px}html{scroll-behavior:smooth}body{max-width:100%;font-family:var(--font-gothic-ja,"Noto Sans JP",sans-serif);font-size:var(--font-size-default);font-weight:var(--font-weight-regular);line-height:var(--line-height-default);font-optical-sizing:auto;font-style:normal;text-align:justify;letter-spacing:0;background-color:var(--theme-color-surface);accent-color:var(--theme-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--theme-color-fg)}a{color:var(--theme-color-fg);text-decoration:none;transition:all var(--transition-fast);&:hover{color:var(--theme-color-fg)}&:active{color:var(--theme-color-primary)}}img{width:100%;max-width:100%;height:auto;vertical-align:bottom}input,select,textarea{padding:var(--spacing-half) var(--spacing-1);border:var(--border-w-default) solid var(--border-secondary);border-radius:var(--radius-4);color:var(--theme-color-fg);background-color:var(--gray-30);transition:all var(--transition-smooth);&:focus{border-color:var(--theme-color-primary);box-shadow:var(--shadow-subtle)}}button{border:none;background:transparent}::-webkit-scrollbar{width:var(--spacing-1)}::-webkit-scrollbar-track{background-color:var(--theme-color-surface);border-left:var(--border-w-min) solid var(--border-primary)}::-webkit-scrollbar-thumb{background-color:var(--theme-color-fg)}.clearfix:after{content:"";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}span,strong{&.br{display:block}&.add-char{&.before{&:before{content:attr(data-char)}}&.after{&:after{content:attr(data-char)}}}}