@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#282622;--paper:#f8f7f3;--accent:#76663f;--line:#dedbd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:3px solid #956f25;outline-offset:4px}img{max-width:100%;height:auto;display:block}.skip{position:fixed;top:-100px;z-index:200;background:white}.skip:focus{top:54px}.brandbar{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:800;letter-spacing:-1px}.brand span{display:block;font-size:10px;font-weight:500;letter-spacing:2px}.visit-link{font-size:13px}.hero{max-width:1360px;margin:0 auto;min-height:570px;position:relative;background:#343730;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#161d24b0,transparent 80%)}.hero-copy{position:relative;z-index:1;color:white;padding:85px 7%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3px;margin:0 0 20px}.hero h1{font-size:clamp(35px,4vw,58px);line-height:1.5;font-weight:700;letter-spacing:.08em;margin:20px 0}.hero-copy>p:not(.eyebrow){font-size:16px;letter-spacing:2px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px;font-size:14px}.primary{padding:15px 24px;background:#fff;color:#292622;min-width:210px;display:flex;justify-content:space-between}.opening{max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;gap:20px}.intro{max-width:1000px;margin:auto;padding:85px 30px;text-align:center}.intro h2{font-size:28px;font-weight:600;letter-spacing:.04em}.intro p:not(.eyebrow){color:#68645a}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--ink);padding-bottom:7px}.guides{max-width:1200px;margin:0 auto;padding:30px 32px 70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.section-heading h2{font-size:29px;margin:0;line-height:1.5}.section-heading .eyebrow{margin-bottom:10px;color:var(--accent)}.section-heading>p{color:#777369;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.card-image{aspect-ratio:4/3;overflow:hidden;background:#e4e1d9}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.guide-card:hover img{transform:scale(1.04)}.guide-card>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:600;padding:13px 0;border-bottom:1px solid var(--line)}.guide-card b{font-weight:400}.reading-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;max-width:1200px;margin:0 auto;padding:35px 32px 90px;border-top:1px solid var(--line)}.toc{align-self:start;position:sticky;top:75px;font-size:12px;line-height:1.6}.toc>span{font-size:10px;letter-spacing:1px;color:#81796a;display:block;margin-bottom:16px}.toc a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.article{min-width:0;overflow-wrap:anywhere}.article h2{font-size:24px;line-height:1.6;margin:65px 0 25px;padding-bottom:16px;border-bottom:1px solid var(--line)}.article h3{font-size:19px;margin-top:32px}.article p{margin:22px 0}.article>a{display:inline-block;padding:4px 0}.article a{color:#66522d;text-decoration:underline;text-decoration-color:#c4b38f;text-underline-offset:4px}.article img{margin:24px auto;max-height:760px;object-fit:contain}.article iframe{width:100%;aspect-ratio:16/9;border:0;margin:20px 0;background:#eae7df}.article video{width:100%}.article .hashtag{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.article .hashtag a{padding:6px 12px;border:1px solid #d9d1c1;border-radius:3px;font-size:12px;text-decoration:none}.table-scroll{overflow:auto;margin:24px 0}table{width:100%;border-collapse:collapse;min-width:470px;font-size:14px}td,th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:center}tr:first-child{background:#e9e6dd;font-weight:600}.page-heading{max-width:1200px;margin:auto;padding:40px 32px}.page-heading>a,.page-heading>span,.source-date{font-size:12px;color:#777}.page-heading h1{font-size:clamp(27px,4vw,42px);line-height:1.5}.article .article-label{margin-top:0}footer{padding:50px max(32px,calc((100% - 1136px)/2));background:#eae7e0;display:flex;justify-content:space-between;gap:40px;font-size:12px}footer small{color:#81796a}@media(max-width:900px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.opening{flex-wrap:wrap}.hero{min-height:500px}}@media(max-width:600px){.brandbar{padding:20px}.brand{font-size:25px}.brand span{font-size:8px}.visit-link{font-size:11px}.hero{min-height:480px}.hero-copy{padding:65px 25px}.hero h1{font-size:36px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-actions{gap:22px;font-size:12px}.primary{min-width:175px;padding:14px 18px}.opening{padding:20px;gap:4px;font-size:11px}.opening>strong{width:100%}.opening>a{margin-left:auto}.intro{padding:60px 23px}.intro h2{font-size:23px}.intro p{font-size:13px}.guides{padding:15px 20px 45px}.section-heading{display:block}.section-heading h2{font-size:25px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.guide-card>span{font-size:12px}.reading-layout{display:block;padding:25px 20px 50px}.toc{position:static;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:35px}.toc>span{width:100%;margin-bottom:6px}.toc a{border:1px solid var(--line);padding:7px 9px;border-radius:3px;font-size:10px}.article{font-size:14px}.article h2{font-size:21px;margin-top:45px}.page-heading{padding:25px 20px}footer{padding:35px 20px;display:block}footer>div{margin-top:25px}}

.unavailable-image{display:block;margin:12px 0;padding:12px 16px;background:#eeece5;font-size:12px;color:#746d60}.unavailable-image a{margin-left:8px}

.reading-layout.interactive-guide{display:block;max-width:1100px}.interactive-guide .article{width:100%}