:root{--light-mode-black: #312F2C;--light-mode-black-rgb: 49, 47, 44;--light-mode-gray: #898989;--light-mode-gray-border: #dddddd;--light-mode-white: #fafafa;--light-mode-white-rgb: 250, 250, 250;--primary-color: #00E248;--header-color: var(--light-mode-black);--header-menu-button-border-color: var(--light-mode-black);--menu-background-color: rgba(250, 250, 250, .9);--menu-text-color: var(--light-mode-black);--content-padding: 16px;--section-margin: 20svh;--level1-font-size: 2rem;--normal-background-color: var(--light-mode-white);--reverse-background-color: var(--light-mode-black);--section-color-01: #F0EDE5;--normal-text-color: var(--light-mode-black);--gray-text-color: var(--light-mode-gray);--reverse-text-color: var(--light-mode-white);--normal-button-color: var(--light-mode-black);--normal-button-text: var(--light-mode-white);--border-color: var(--light-mode-black);--border-color-gray: var(--light-mode-gray-border);--reverse-border-color: var(--light-mode-white);--filter-difference: invert(150%);--image-cover: rgba(var(--light-mode-black-rgb), .1);--box-shadow: 0px 8px 20px rgba(var(--light-mode-black-rgb), .1);--product-background-gradient: linear-gradient(-12deg, rgba(250, 250, 250, 1) -50%, rgba(250, 250, 250, 1) 50%, rgba(49, 47, 44, .2) 150%);@media (width > 520px){--content-padding: 20px;--level1-font-size: 2.4rem}@media (width > 960px){--content-padding: 24px;--level1-font-size: 2.8rem}}[data-theme=dark]{--dark-mode-black: #050505;--dark-mode-black-rgb: 5, 5, 5;--dark-mode-gray: #858585;--dark-mode-gray-border: #8A8A8A;--dark-mode-white: #f5f5f5;--dark-mode-white-rgb: 245, 245, 245;--primary-color: #FFA500;--header-color: var(--dark-mode-white);--header-menu-button-border-color: var(--dark-mode-white);--menu-background-color: rgba(5, 5, 5, .9);--menu-text-color: var(--dark-mode-white);--section-color-01: #444444;--normal-background-color: var(--dark-mode-black);--reverse-background-color: var(--dark-mode-white);--normal-text-color: var(--dark-mode-white);--gray-text-color: var(--dark-mode-gray);--reverse-text-color: var(--dark-mode-black);--normal-button-color: var(--dark-mode-white);--normal-button-text: var(--dark-mode-black);--border-color: var(--dark-mode-white);--border-color-gray: var(--dark-mode-gray-border);--reverse-border-color: var(--dark-mode-black);--filter-difference: contrast(200%);--image-cover: rgba(var(--dark-mode-white-rgb), .1);--box-shadow: 0px 8px 20px rgba(var(--light-mode-white-rgb), .1);--product-background-gradient: linear-gradient(-12deg, rgba(5, 5, 5, 1) -50%, rgba(5, 5, 5, 1) 50%, rgba(245, 245, 245, .6) 150%)}[data-theme=light] body{background-color:var(--light-mode-white);color:var(--light-mode-black)}[data-theme=dark] body{background-color:var(--dark-mode-black);color:var(--dark-mode-white)}:root{--header-padding: 16px}@media (width > 520px){:root{--header-padding: 20px}}@media (width > 960px){:root{--header-padding: 24px}}html{font-size:10px;font-family:Zen Kaku Gothic Antique,sans-serif;font-weight:500;scroll-behavior:smooth;scroll-padding-top:80px;@media (width > 520px){scroll-padding-top:100px}@media (width > 960px){scroll-padding-top:120px}}body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,li{margin:0;padding:0}a{color:var(--normal-text-color)}body{overflow-x:hidden;transition:background-color .3s ease;scrollbar-track-color:transparent}body::-webkit-scrollbar-track{background:transparent}main{padding:0;transition:opacity .3s ease}body.menu-open main,body.menu-open footer{opacity:.5}body.menu-open{overflow:hidden}.mt-0{margin-top:0}.grid-background-element{width:100vw;height:100dvh;padding:0;background-image:linear-gradient(to right,#eee 1px,transparent 1px),linear-gradient(to bottom,#eee 1px,transparent 1px);background-size:10vw 10vw;border:1px solid #ccc}:root{--logo-height: 48px;--menu-button-size: 60px}@media (width > 520px){:root{--logo-height: 56px;--menu-button-size: 72px}}@media (width > 960px){:root{--logo-height: 60px;--menu-button-size: 80px}}header{z-index:9998}.site-header{position:fixed;top:0;left:0;width:100%;padding:var(--header-padding);z-index:100;background-color:transparent;color:var(--header-color)}.header-inner{display:flex;justify-content:space-between;align-items:center;max-width:calc(100vw - var(--header-padding) * 2);width:100%;box-sizing:border-box}.header-controls{display:flex;align-items:center;gap:12px}.site-logo{display:block;height:var(--logo-height);color:var(--header-color);text-decoration:none;flex-shrink:0}.site-logo svg{display:block;height:100%;width:auto}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--menu-button-size);height:var(--menu-button-size);border-radius:50%;border:1px solid var(--header-menu-button-border-color);background-color:transparent;cursor:pointer;padding:0;transition:border-color .3s ease,color .3s ease,background-color .3s ease;color:var(--header-color);flex-shrink:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.menu-button-text{font-size:1rem;font-weight:700;line-height:1;transition:color .3s ease;@media (width > 960px){font-size:1.2rem}}.fullscreen-menu{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:var(--menu-background-color);z-index:99;margin-top:calc(var(--header-padding) * 2 + var(--menu-button-size));border-top:1px solid var(--border-color);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;overflow-y:auto}.fullscreen-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-content{height:auto;color:var(--menu-text-color);box-sizing:border-box;transition:all .3s ease;ul{list-style:none;padding:calc(var(--content-padding) * 1.2)}summary{display:flex;justify-content:space-between;align-items:center;padding-block:calc(var(--content-padding) * .6);font-size:1.5rem;list-style:none;cursor:pointer;&::-webkit-details-marker{display:none}svg{transform:rotate(90deg);width:12px;height:8px;stroke:var(--border-color);@media (width > 520px){width:14px;height:10px}@media (width > 960px){width:16px;height:12px}}}details{>ul{padding-block:0}&::details-content{transition:height .4s,opacity .4s,content-visibility .4s allow-discrete;height:0;opacity:0;overflow:clip}&[open]::details-content{opacity:1}&[open] .icon{transform:rotate(270deg)}}@supports (interpolate-size: allow-keywords){:root{interpolate-size:allow-keywords}details[open]::details-content{height:auto}}@supports not (interpolate-size: allow-keywords){details[open]::details-content{height:100px;overflow-y:scroll}}a{position:relative;display:inline-block;width:100%;color:var(--menu-text-color);text-decoration:none;font-size:1.5rem;transition:color .3s ease;padding-block:calc(var(--content-padding) * .6)}}.english-site{display:block;padding-bottom:50svh;>a{display:flex;justify-content:center;align-items:center;gap:4px;padding-block:var(--content-padding);width:100%;border-block:1px solid var(--border-color);font-size:1.5rem;text-align:center;text-decoration:none;>svg{width:10px;height:6px;stroke:var(--border-color);transform:rotate(-45deg)}&:hover{>svg{transform:rotate(0) translate(4px)}}}}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center}.sun-and-moon>:is(.moon,.sun){fill:currentColor}.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun){fill:currentColor}.sun-and-moon>.sun-beams{stroke:currentColor;stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:currentColor}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translate(0)}}@media (prefers-reduced-motion: no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx: 1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:var(--ease-3);transition-duration:.25s;transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}