@charset "UTF-8";
:root{--ink:#193744;--muted:#526973;--teal:#126960;--line:#d4dfe1;--paper:#fff;--wash:#f3f7f8;--blue:#e8f1f5;--radius:12px;font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.85}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--teal)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #097ca2;outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.55;letter-spacing:.035em}h2{font-size:1.6rem;line-height:1.5}h3{font-size:1.13rem;line-height:1.6}p{margin-bottom:1.1em}small,.small{font-size:.875rem;color:var(--muted)}.wrap{max-width:1160px;margin:auto;padding:0 28px}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line);background:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{text-decoration:none;font-size:1.65rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand small{display:block;font-size:.68rem;font-weight:500;letter-spacing:.18em;line-height:1}.brandmark{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;width:34px;height:34px;border-radius:9px;margin-right:9px;font-size:1.25rem}.nav{display:flex;align-items:center;gap:24px;font-size:.875rem;font-weight:700}.nav a{text-decoration:none;padding:12px 0}.menu{display:none}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--teal);border:1px solid var(--teal);color:#fff;border-radius:6px;padding:13px 23px;font-weight:700;text-decoration:none;min-height:48px}.button:hover,button.primary:hover{background:#0d544d;color:#fff}.button.secondary,button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);padding:12px 22px;border-radius:6px;min-height:48px}.eyebrow{font-size:.78rem;letter-spacing:.14em;color:var(--teal);font-weight:800;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;padding-top:48px;padding-bottom:40px}.hero h1{margin-bottom:20px}.hero h1 span{color:var(--teal)}.hero .intro{max-width:34em;color:var(--muted)}.hero-visual{background:var(--blue);border-radius:44% 44% 12px 12px;overflow:hidden}.hero-visual img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-note{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.875rem;margin-top:20px}.hero-note:before{content:'✓';color:var(--teal)}.section{padding:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading p{margin:0;font-size:.875rem;color:var(--muted)}.signals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signal{display:flex;align-items:center;gap:18px;padding:23px;background:white;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:transform .15s,border-color .15s}.signal:hover{transform:translateY(-2px);border-color:var(--teal)}.signal .icon{color:var(--teal);background:var(--wash);padding:12px;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.signal strong{display:block;font-size:1.05rem}.signal small{display:block;font-size:.8rem}.arrow{margin-left:auto;color:var(--teal)}.band{background:var(--wash)}.decision{margin-top:22px;border-radius:var(--radius);padding:24px 30px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:22px}.decision h3{margin:0}.decision p{margin:4px 0 0;color:#d4e1e6;font-size:.875rem}.decision .button{background:white;color:var(--ink);white-space:nowrap}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.journey a{text-decoration:none;border-top:2px solid var(--line);padding-top:20px}.number{font-family:Georgia,serif;font-size:1.5rem;color:var(--teal)}.journey h3{margin:12px 0 6px}.journey p{font-size:.875rem;color:var(--muted)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{text-decoration:none;display:block;border-top:1px solid var(--line);padding-top:20px}.tag{color:var(--teal);font-size:.8rem;font-weight:700}.article-card h3{margin:10px 0}.article-card p{font-size:.875rem;color:var(--muted)}.principles{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;border-top:1px solid var(--line);padding:40px 0}.principles p{color:var(--muted)}footer{background:var(--ink);color:white;padding:38px 0}footer .footer-top{display:flex;justify-content:space-between;gap:30px}footer small{color:#c7d7df}footer a{font-size:.875rem}footer nav{display:flex;flex-wrap:wrap;gap:20px}.breadcrumb{padding:24px 0;font-size:.8rem;color:var(--muted)}.page-head{max-width:820px;margin:20px 0 34px}.page-head h1{font-size:2.2rem;margin-bottom:15px}.page-head p{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:60px;padding-bottom:60px}.prose h2{padding-top:28px;margin-top:24px;border-top:1px solid var(--line)}.prose ul{padding-left:1.5em}.prose li{margin:10px 0}.callout{padding:24px;border-left:4px solid var(--teal);background:var(--wash);margin:24px 0;border-radius:0 8px 8px 0}.callout p:last-child{margin-bottom:0}.toc{background:var(--wash);padding:24px;border-radius:var(--radius);position:sticky;top:24px;align-self:start;font-size:.875rem}.toc a{display:block;padding:9px 0}.source-list{font-size:.875rem;overflow-wrap:anywhere}.source-list li{margin-bottom:20px}.source-list small{display:block}.tool{max-width:860px;margin-bottom:60px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:block;font-weight:700;margin-bottom:20px}.field small{font-weight:400;display:block}.field input,.field select,.field textarea{margin-top:8px;width:100%;border:1px solid #9aadb4;border-radius:6px;padding:12px;background:white;color:var(--ink);font-weight:400;min-height:48px}.field textarea{resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.result{padding:28px;background:var(--wash);border:1px solid var(--line);border-radius:12px;margin:26px 0}.result h2{font-size:1.4rem}.result h3{margin-top:24px}.result:focus{outline:none}.result ul{padding-left:1.3em}.result textarea{width:100%;min-height:210px;border:1px solid var(--line);border-radius:6px;padding:16px;background:white;font:inherit;color:var(--ink)}.result[hidden]{display:none}.check-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.check-row select{min-height:48px;padding:8px;border:1px solid #9aadb4;border-radius:6px;background:white;color:var(--ink);max-width:48%}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;min-width:720px;width:100%;font-size:.9rem}th,td{padding:16px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--wash)}td input,td textarea{width:100%;min-width:130px;border:1px solid #9aadb4;padding:10px;min-height:48px;border-radius:5px;font:inherit}td textarea{resize:vertical}.comparison{max-width:1100px}.status{font-size:.9rem;color:var(--teal);min-height:1.8em}.links{display:grid;gap:12px}.links a{padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.category-box{border:1px solid var(--line);padding:24px;border-radius:12px}.category-box h2{font-size:1.3rem}.nojs{background:var(--blue);padding:20px}.reading{max-width:760px;padding-bottom:60px}.reading h2{margin-top:32px}.form-note{font-size:.875rem;color:var(--muted)}.ad{border:1px solid var(--line);padding:22px;margin:24px 0}.mobile-only{display:none}@media(max-width:900px){.nav{gap:14px}.layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.hero{gap:18px}.hero h1{font-size:2.1rem}.wrap{padding:0 22px}.hero{padding-top:32px;padding-bottom:32px}.signal{padding:18px;gap:12px}.signal .icon{width:44px;height:44px;padding:9px}}@media(max-width:700px){.header-inner{min-height:78px;flex-wrap:wrap;gap:0;padding-top:16px;padding-bottom:16px}.brand{font-size:1.35rem}.brand small{font-size:.6rem}.menu{display:block;position:relative}.menu summary{cursor:pointer;padding:10px;min-height:44px}.menu nav{position:absolute;right:0;top:48px;background:white;border:1px solid var(--line);padding:16px;width:240px;z-index:10;box-shadow:0 8px 25px #19374418}.menu nav a{display:block;padding:12px;text-decoration:none}.nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:25px}.hero h1{font-size:1.85rem}.hero-visual{border-radius:12px;max-width:480px;width:100%;margin:auto}.hero-visual img{aspect-ratio:2.3/1;object-position:50% 44%}.hero .intro{font-size:.95rem}.hero-note{font-size:.8rem}.section{padding:32px 0}.section-heading{align-items:start;flex-direction:column;gap:8px}.section-heading h2{font-size:1.4rem}.signals{grid-template-columns:1fr 1fr;gap:10px}.signal{padding:14px 12px;gap:10px;align-items:start}.signal strong{font-size:.95rem}.signal small{font-size:.75rem}.signal .icon{width:32px;height:32px;padding:5px;flex-shrink:0}.signal .arrow{display:none}.decision{flex-direction:column;align-items:start;padding:23px}.journey{grid-template-columns:1fr 1fr;gap:20px}.articles{grid-template-columns:1fr}.principles{grid-template-columns:1fr;gap:10px;padding:28px 0}footer .footer-top{flex-direction:column}.page-head h1{font-size:1.8rem}.layout{display:flex;flex-direction:column}.toc{position:static;order:-1;width:100%}.tool-grid,.category-grid{grid-template-columns:1fr}.result{padding:20px}.check-row{font-size:.9rem}.wrap{padding-left:18px;padding-right:18px}.tool-grid{gap:0}h2{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,footer,.actions,.toc,.breadcrumb{display:none}.layout{display:block}.result{border:1px solid #999}a{text-decoration:none}}

.form-fields{border:0;padding:0;margin:0;min-width:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-answer{max-width:820px;margin-bottom:30px}.wave-article .page-head{margin-bottom:22px}.wave-article .layout{align-items:start}.wave-article .toc summary{cursor:pointer;font-weight:700;min-height:44px}.wave-article .prose>section:first-child h2{border-top:0;padding-top:0;margin-top:0}.article-section{scroll-margin-top:20px}.observation{padding:24px;border:1px solid var(--line);background:var(--wash);border-radius:var(--radius)}.observation .tool-grid{gap:0 20px}.observation .actions{margin-bottom:12px}.observation [data-output]{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.observation .status{margin-bottom:0}.observation [data-copy]{margin-bottom:16px}.article-table{margin:24px 0}.article-table caption{padding:15px 18px;text-align:left;color:var(--muted);background:var(--wash);font-weight:700}.article-table th:first-child{width:24%}.article-table td{min-width:180px}.article-table:focus-visible{outline:3px solid #097ca2;outline-offset:4px}.entry-figure{margin:24px 0 16px}.entry-figure img{width:100%;border:1px solid var(--line);border-radius:var(--radius)}.entry-figure figcaption{font-size:.8rem;color:var(--muted);margin-top:12px}.diagram-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.diagram-key a{padding:12px 14px;min-height:48px;background:var(--wash);border:1px solid var(--line);border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem}.inspection-steps{padding-left:1.6em}.inspection-steps h3{margin-bottom:6px}.inspection-steps li::marker{color:var(--teal);font-weight:800}.article-actions .button{font-size:.95rem}.category-grid{margin-top:24px}
@media(max-width:700px){.observation{padding:18px}.wave-article .layout{gap:24px}.wave-article .toc{padding:16px 20px}.wave-article .toc summary{display:list-item;min-height:32px}.article-answer{padding:20px;margin-top:18px;margin-bottom:24px}.wave-article .page-head h1{font-size:1.65rem}.diagram-key{grid-template-columns:repeat(2,minmax(0,1fr))}.article-table:before{content:'表は左右にスクロールできます';display:block;padding:8px 14px;font-size:.8rem;color:var(--muted);background:var(--wash)}.article-actions .button{width:100%;text-align:center}.observation .actions>*{width:100%}.wave-article .prose{width:100%;min-width:0}}

.hero h1{font-size:clamp(1.65rem,2.4vw,2.1rem)}.hero h1 .phrase{display:inline-block;color:var(--ink)}