:root{--color-white:#FFFFFF;--color-background:#F5F5F5;--color-text:#333333;--color-primary:#2196F3;--color-error:#F44336;--color-warning:#FF9800;--color-success:#4CAF50;--color-border:#E0E0E0;--color-border-light:#F0F0F0;--color-bar-full:#2196F3;--color-bar-67:#4CAF50;--color-bar-50:#FF9800;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--line-height-tight:1.4;--line-height-base:1.6;--line-height-relaxed:1.8;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 4px rgba(0,0,0,0.1);--shadow-lg:0 4px 8px rgba(0,0,0,0.15)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}audio,canvas,embed,iframe,img,object,svg,video{display:block;max-width:100%;height:auto}[loading=lazy]{opacity:0;transition:opacity .3s}[loading=lazy].loaded{opacity:1}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}@media (max-width:767px){.container{padding:var(--spacing-md)}}header{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-lg) 0;text-align:center;box-shadow:var(--shadow-md)}header h1{font-size:var(--font-size-2xl);font-weight:700;margin:0}@media (max-width:767px){header h1{font-size:var(--font-size-xl)}}footer{background-color:var(--color-text);color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-lg);margin-top:var(--spacing-2xl)}.subtitle{font-size:var(--font-size-base);margin-top:var(--spacing-sm);opacity:.9;font-weight:400}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-white);border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:var(--spacing-xs)}.footer-section p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-sm);opacity:.9}.footer-section p:last-child{margin-bottom:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.3);padding-top:var(--spacing-lg);text-align:center}.footer-bottom p{font-size:var(--font-size-xs);opacity:.7;margin:0}@media (max-width:767px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}footer{padding:var(--spacing-lg) var(--spacing-md)}}section{background-color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}@media (max-width:767px){section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}}h1,h2,h3,h4,h5,h6{margin:0;line-height:var(--line-height-tight)}h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm);color:var(--color-primary)}h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline;color:#1976D2}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;border-radius:var(--border-radius);transition:all .2s ease}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);font-weight:600}.button-primary:hover:not(:disabled){background-color:#1976D2}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}input[type=number],input[type=text],select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease}input[type=number]:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2)}input[type=radio]{margin-right:var(--spacing-xs)}fieldset{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}legend{font-weight:600;padding:0 var(--spacing-xs);color:var(--color-text)}.error-message{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.error-message.error{color:var(--color-error)}.error-message.warning{color:var(--color-warning)}table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}td,th{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:var(--color-background);font-weight:600;color:var(--color-text)}tr:hover{background-color:#F8F9FA}.table-wrapper{overflow-x:auto;border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.scroll-hint{font-size:var(--font-size-sm);color:#666;margin-bottom:var(--spacing-sm)}.scroll-hint,.text-center{text-align:center}.text-right{text-align:right}.text-small{font-size:var(--font-size-sm)}.text-large{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.text-muted{color:#666}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{footer,header{display:none}section{box-shadow:none;border:1px solid #ccc;margin-bottom:var(--spacing-md)}.no-print{display:none}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text:#000}}