:root{--ink:#243c35;--muted:#596b63;--green:#1b634b;--dark:#174b3a;--paper:#f6f7f2;--line:#d7e0d7;--gold:#b77b26;--white:#fff}
*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}a{color:var(--green);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b77b26;outline-offset:4px}img{max-width:100%;height:auto;vertical-align:middle}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.5;letter-spacing:.02em}h1{font-size:clamp(1.65rem,3vw,2.3rem);margin:.5rem 0 1rem}h2{font-size:1.35rem}h3{font-size:1.13rem}p{margin:1rem 0}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{background:var(--dark);color:#fff;border-bottom:4px solid var(--gold)}.header-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0}.brand{display:flex;gap:14px;align-items:center;color:#fff;text-decoration:none}.brand-symbol{display:grid;place-items:center;background:#fffaf0;color:var(--green);border-radius:7px;box-shadow:0 3px 0 #afbea9;width:43px;height:56px;font-size:30px;font-weight:700}.brand-name{font-size:1.55rem;font-weight:700;letter-spacing:.12em}.brand-small{display:block;font-size:.75rem;font-weight:400;letter-spacing:.08em;color:#d6e5dc}.header-link{color:#fff;font-size:.9rem}.nav-wrap{background:#fff;border-bottom:1px solid var(--line)}.site-nav{display:flex;flex-wrap:wrap;gap:4px;padding:10px 0}.site-nav a{display:flex;align-items:center;min-height:44px;padding:8px 15px;border-radius:5px;text-decoration:none;font-weight:700;font-size:.9rem}.site-nav a:hover,.site-nav a[aria-current=page]{background:#e8f0e8;color:var(--dark)}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0;color:var(--muted);font-size:.82rem}.breadcrumbs li+li::before{content:"›";margin-right:8px}.hero{padding:48px 0 38px;display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center}.eyebrow{font-size:.8rem;color:var(--green);font-weight:700;letter-spacing:.15em}.hero h1{font-size:clamp(1.85rem,4vw,3rem);margin:.4rem 0 1rem}.hero p{max-width:680px}.hero-tiles{display:flex;justify-content:center;gap:8px;transform:rotate(-6deg)}.hero-tiles img{width:52px;filter:drop-shadow(3px 7px 2px #c8cfbf)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 22px;background:var(--green);color:#fff;border-radius:6px;text-decoration:none;font-weight:700}.button:hover{background:var(--dark)}.button.secondary{background:white;color:var(--green);border:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:36px}.section-heading h2{margin:0 0 16px}.section-heading span{color:var(--muted);font-size:.85rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;padding:24px;border:1px solid var(--line);border-radius:8px;text-decoration:none;display:block;box-shadow:0 2px 0 #e8ece3}.card:hover{border-color:var(--green);box-shadow:0 4px 0 #dce6da}.card .number{font-size:.76rem;font-weight:700;letter-spacing:.12em;color:var(--gold)}.card h3{margin:8px 0}.card p{margin:0;color:var(--muted);font-size:.9rem}.card .arrow{display:block;margin-top:14px;font-size:.85rem;font-weight:700}.learning-path{background:#e8f0e7;padding:26px;border-radius:8px;margin:30px 0}.learning-path ol{padding-left:24px}.learning-path li{margin:10px 0}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:26px;align-items:start}.article-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px}.article-lead{color:var(--muted);margin-bottom:24px}.article-body{min-width:0}.article-body h2{border-left:4px solid var(--green);padding:6px 0 6px 14px;margin:32px 0 16px;background:linear-gradient(90deg,#eef4ec,transparent)}.article-body h3{margin:26px 0 12px}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:8px 0}.article-body p[align=center]{margin-top:28px}.article-body [id]{scroll-margin-top:18px}.article-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.article-body img{object-fit:contain}.tile-row{display:inline-flex;max-width:100%;overflow-x:auto;vertical-align:middle;white-space:nowrap;align-items:flex-end;gap:0;padding-bottom:6px}.tile-row img{flex-shrink:0;max-width:none}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:5px;overscroll-behavior-x:contain}.table-scroll table{border-collapse:collapse;width:100%;min-width:420px;font-size:.9rem;line-height:1.8}.table-scroll table.wide-table{min-width:620px}.table-scroll td,.table-scroll th{padding:11px 14px;border:1px solid var(--line);vertical-align:top}.table-scroll th{background:#e8f0e8;font-weight:700}.table-scroll tr:nth-child(even)>td{background:#fafbf8}.table-scroll .table-scroll{border:0;margin:0}.table-scroll .table-scroll table{min-width:0}.table-hint{color:var(--muted);font-size:.8rem}.toc{background:#f1f5ed;border:1px solid var(--line);border-radius:6px;padding:15px 20px;margin:24px 0}.toc summary{cursor:pointer;font-weight:700;min-height:32px}.toc ul{columns:2;padding-left:20px;margin:10px 0}.toc li{break-inside:avoid;margin:5px 0;font-size:.9rem}.toc a{display:inline-block;padding:3px 0}.sidebar{border-top:3px solid var(--gold);padding-top:12px}.sidebar h2{font-size:1rem;margin:10px 0}.sidebar ul{padding:0;list-style:none}.sidebar li{border-bottom:1px solid var(--line)}.sidebar a{display:block;min-height:44px;padding:10px 0;font-size:.9rem}.sidebar p{color:var(--muted);font-size:.85rem}.note{background:#f4f1e6;border-left:4px solid var(--gold);padding:16px 20px;margin:22px 0;font-size:.9rem}.related{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.related h2{font-size:1.1rem}.related ul{padding-left:20px}.related a{display:inline-block;padding:5px 0}.ad-section{width:100%;margin:64px 0;clear:both;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0 24px;position:static}.ad-label{font-size:12px;color:#596b63;text-align:center;margin:0 0 18px}.ad-section ins{display:block}.site-footer{margin-top:48px;padding:30px 0 90px;border-top:1px solid var(--line);background:#eef1e8;color:var(--muted);font-size:.85rem}.footer-links{display:flex;gap:12px 24px;flex-wrap:wrap}.footer-links a{display:inline-flex;min-height:44px;align-items:center}.copyright{margin:12px 0 0}.search-form{display:flex;align-items:flex-end;gap:12px;margin:20px 0}.search-label{display:block;flex:1}.search-label span{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.search-label input{width:100%;padding:12px;border:1px solid #91a297;border-radius:5px;background:#fff}.search-form button{border:0}.search-results{list-style:none;padding:0}.search-results li{padding:18px 0;border-bottom:1px solid var(--line)}.search-results h2{font-size:1.1rem;margin:0}.search-results p{font-size:.9rem;color:var(--muted);margin:5px 0}.download-list a{display:inline-block;min-height:44px;padding:9px 0}.site-index{padding-left:20px}.site-index li{padding:6px 0}.site-index a{display:inline-block;min-height:32px}
@media(max-width:900px){.page-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 150px}}
@media(max-width:600px){body{line-height:1.85}.wrap{width:calc(100% - 28px)}.header-inner{padding:16px 0;gap:10px}.brand-name{font-size:1.3rem}.brand-small{font-size:.65rem}.header-link{font-size:.8rem}.site-nav{gap:2px;padding:8px 0}.site-nav a{padding:8px 10px;font-size:.83rem}.hero{padding:32px 0 24px;grid-template-columns:1fr}.hero-tiles{display:none}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px}.section-heading{display:block}.section-heading span{display:block;margin:-10px 0 16px}.article-panel{padding:22px 18px}.article-panel h1{font-size:1.6rem}.toc ul{columns:1}.learning-path{padding:20px}.search-form{display:block}.search-form button{margin-top:12px;width:100%}.tile-row img{width:clamp(20px,5.3vw,32px);height:auto}.tile-row img[src*=tensuubou],.tile-row img[src*=chichamark]{width:auto}.table-scroll td,.table-scroll th{padding:9px 10px}.breadcrumbs{margin:18px 0}.ad-section{margin:64px 0}}
.article-body .search-results h2{border:0;background:none;padding:0;margin:0;font-size:1.1rem}
.button-link{display:inline-block;min-height:44px;padding:.6rem 1rem;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;font-weight:700}
.table-scroll table.role-table{min-width:0;table-layout:fixed}.role-table th:first-child:not([colspan]),.role-table td:first-child:not([colspan]){width:72px;font-weight:700;background:#edf3e9}.role-table td{overflow-wrap:anywhere}.role-table .tile-row{max-width:100%}
@media print{.site-header,.nav-wrap,.sidebar,.site-footer,.ad-section,.related,.toc,.skip-link{display:none}.wrap{width:100%}.page-layout{display:block}.article-panel{border:0;padding:0}.table-scroll,.tile-row{overflow:visible}.table-scroll table{min-width:0}.article-body h2{break-after:avoid}.table-scroll{break-inside:avoid}body{background:white;color:black;font-size:11pt}a{color:black}}
