:root{--color-background: #fff;--color-text:#333;--color-midashi: #111;--color-border:#ccc;--color-muted: #999;--color-accent:#9e6400;--color-sub:#3f6b1b;--color-subbox-bg:#eee;--color-link:#147caf;--color-button-bg:#2196d1;--color-button-text:#ffffff;--color-header-bg:linear-gradient(to bottom, rgba(220, 220, 220, 0.95) 0%, rgba(220, 220, 220, 0) 100%);--color-menu-bg: rgba(136, 209, 238, 0.98);--color-menu-text: #173c5a;--color-error:#EB2828;--color-form-text:#111;--color-form-bg:#f0f0f0;--color-form-border:#eee;--font-family: "Questrial", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "BIZ UDPGothic", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;--fonts-serif: "Noto Serif JP", serif;--fontsize-base: 1rem;--letterspacing-style:0.1rem;--lineheight-style:1.5;--container-padding: clamp(32px, 4.5vw, 64px);--grid-gap: 16px;--space-section: 120px;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--card-bg: #666;--accent-color: #f39c12}@media(prefers-color-scheme: dark){:root{--color-background: #333;--color-text:#eee;--color-midashi: #fff;--color-border:#444;--color-muted: #888;--color-accent:#F39B00;--color-sub:#8cc061;--color-subbox-bg:#444;--color-link:#35b8fa;--color-button-bg:#2196d1;--color-button-text:#ffffff;--color-header-bg:linear-gradient(to bottom, rgba(60, 60, 60, 0.95) 0%, rgba(60, 60, 60, 0) 100%);--color-menu-bg: rgba(13, 66, 87, 0.98);--color-menu-text: #ebf4fc;--color-error:#fc7272;--color-form-text:#fff;--color-form-bg:#666;--color-form-border:#777}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:var(--fontsize-base)}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text);letter-spacing:var(--letterspacing-style);line-height:var(--lineheight-style);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus{outline:0;cursor:pointer}ul,ol{list-style:none}a{color:inherit;text-decoration:none;border:0}img{max-width:100%;height:auto;display:block}span{display:inline-block}main{position:relative;z-index:1}.loaderwrapper{position:fixed;top:0;left:0;z-index:2;width:100%;height:100vh;display:grid;place-items:center}.loaderwrapper.is-active{display:none}.loader{width:15px;aspect-ratio:1;border-radius:50%;-webkit-animation:l5 1s infinite linear alternate;animation:l5 1s infinite linear alternate}@-webkit-keyframes l5{0%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:#000}33%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:rgba(0,0,0,.1333333333)}66%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:rgba(0,0,0,.1333333333)}100%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:#000}}@keyframes l5{0%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:#000}33%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:rgba(0,0,0,.1333333333)}66%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:rgba(0,0,0,.1333333333)}100%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:#000}}#app{opacity:1;transition:opacity 1s;overflow:clip}#app.is-active{opacity:1}#app.is-active::before{display:none;content:""}