.introduction-page{font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic",Meiryo,sans-serif;line-height:1.9}
.introduction-page .topbar-inner{min-height:76px;height:auto;padding-block:18px;gap:20px}
.introduction-page a:focus-visible,.intro-table-scroll:focus-visible{outline:3px solid #b52a22;outline-offset:4px}
.intro-main{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:30px 0 64px}
.intro-breadcrumb{font-size:12px;color:#696359;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.intro-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.intro-hero{border-top:4px solid var(--red);padding:34px 0 24px}.intro-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#b52a22;margin:0 0 10px}
.intro-hero h1{font-size:clamp(30px,5vw,54px);line-height:1.4;letter-spacing:-.025em;margin:0 0 14px;font-weight:800;overflow-wrap:anywhere}
.intro-tagline{font-size:clamp(16px,2vw,22px);font-weight:600;margin:0 0 14px}.intro-reference-date{font-size:12px;color:#696359;margin:0}
.intro-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.intro-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:12px 20px;border:1px solid var(--ink);font-size:14px;font-weight:700;text-decoration:none!important;line-height:1.6;max-width:100%;box-sizing:border-box}
.intro-button.intro-study{background:var(--red);color:#fff!important;box-shadow:3px 3px 0 var(--ink)}.intro-button.intro-official{background:var(--white);color:var(--ink)!important}.intro-button:hover{filter:brightness(.94)}
.intro-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:10px 0 40px}.intro-summary>div{background:var(--white);padding:20px;min-width:0}.intro-summary dt{font-size:11px;color:#696359;margin-bottom:8px}.intro-summary dd{margin:0;font-size:17px;line-height:1.6;font-weight:700}.intro-summary small{display:block;font-size:11px;color:#696359;margin-top:7px;line-height:1.7}
.intro-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:40px;align-items:start}.intro-toc{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;font-size:12px;padding:0 12px 10px 0;scrollbar-width:thin}.intro-toc h2{font-size:14px;margin:0 0 12px}.intro-toc ol{padding-left:1.4em;margin:0}.intro-toc li{padding-left:2px;border-bottom:1px solid #ded8cc}.intro-toc a{display:block;min-height:36px;padding:8px 0;color:#5d574d;line-height:1.7}.intro-toc a:hover{text-decoration:underline}
.intro-article{min-width:0;background:var(--white);border:1px solid var(--line);padding:32px 38px;font-size:15px;line-height:2}.intro-author-note{font-size:12px!important;color:#696359;border-bottom:1px solid var(--line);padding-bottom:22px}.intro-article p{margin:0 0 18px;overflow-wrap:anywhere}.intro-article strong{font-weight:700}.intro-article a:not(.intro-button){color:#a62b23;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.intro-section{scroll-margin-top:24px;margin-top:38px}.intro-section h2,.intro-service-header>h2,.intro-other-guides h2{font-size:21px;font-weight:700;line-height:1.65;margin:0 0 18px;letter-spacing:0}.intro-section h2{border-left:4px solid var(--red);padding-left:14px}.intro-section h3{font-size:16px;line-height:1.8;margin:24px 0 12px}.intro-question{border-top:1px solid var(--line);padding-top:18px}
.intro-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin:22px 0 24px;border:1px solid var(--line)}.intro-table-scroll table{border-collapse:collapse;width:100%;min-width:510px;font-size:13px;line-height:1.8}.intro-table-scroll caption{text-align:left;padding:10px 14px;background:#ece6dc;font-size:11px;color:#60594f}.intro-table-scroll th,.intro-table-scroll td{padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}.intro-table-scroll thead th{background:var(--ink);color:#fff}.intro-table-scroll tbody th{font-weight:600;background:#f6f3eb}.intro-table-scroll td{min-width:90px}
.intro-action-line{margin-block:14px!important}.intro-service-header{margin-top:44px;border-top:3px solid var(--ink);padding-top:30px}.intro-service-note{background:#f2eee4;border-left:3px solid var(--red);padding:18px;font-size:13px;line-height:1.9}.intro-service-note p:last-child{margin-bottom:0}.author-opinion{background:#f3efe5;padding:22px}.author-opinion h2{font-size:20px}
.intro-sources{font-size:12px}.intro-sources ul{padding-left:1.3em}.intro-sources li{margin:12px 0}.source-url{display:block;color:#696359;font-size:10px;overflow-wrap:anywhere}.intro-other-guides{border-top:1px solid var(--line);margin-top:36px;padding-top:26px}.intro-other-guides>a{display:block;min-height:44px;padding-block:8px}
.intro-footer{border-top:1px solid var(--line);padding-block:28px 40px;font-size:12px}.intro-footer nav{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:16px}.intro-footer nav a{display:inline-flex;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:4px}.intro-footer p{font-size:11px;color:#696359}
@media(max-width:960px){.intro-layout{grid-template-columns:1fr;gap:24px}.intro-toc{position:static;max-height:none;padding:20px;background:#ece6dc}.intro-toc ol{columns:2;column-gap:30px}.intro-toc li{break-inside:avoid}.intro-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.intro-main{width:calc(100% - 32px);padding-top:20px}.introduction-page .topbar-inner{width:calc(100% - 32px);padding-block:14px}.introduction-page .brand-en{display:none}.introduction-page .top-nav{font-size:11px}.intro-hero{padding-top:24px}.intro-hero-actions{display:grid;gap:12px}.intro-summary{margin-bottom:26px}.intro-summary>div{padding:14px}.intro-summary dd{font-size:14px}.intro-article{padding:22px 18px;font-size:14px}.intro-toc ol{columns:1}.intro-section h2,.intro-service-header>h2{font-size:18px}.intro-button{width:100%;font-size:13px;padding:12px}.author-opinion{padding:16px}.intro-table-scroll{margin-block:18px}.intro-table-scroll table{min-width:480px}.intro-breadcrumb{gap:8px}.intro-footer{width:calc(100% - 32px)}}

.introduction-page .top-nav a{display:inline-flex;align-items:center;min-height:44px}