:root{--ink:#16202c;--ink-2:#5a6675;--navy:#14315c;--red:#b8341f;--line:#e3e8ee;--paper:#fff;--bg:#f7f8fa;--tint:#f4f7fb;--maxw:730px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);letter-spacing:.015em;font-feature-settings:"palt" 1;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:16.5px;line-height:1.95}img{max-width:100%;height:auto}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}.bar{background:var(--red);z-index:60;width:0;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}.top{z-index:50;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.top .in{align-items:center;gap:28px;max-width:1060px;height:62px;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--navy);letter-spacing:.06em;align-items:baseline;gap:9px;font-size:18px;font-weight:700;display:flex}.logo span{color:var(--ink-2);letter-spacing:.14em;font-size:10.5px;font-weight:500}.logo:hover{text-decoration:none}.nav{gap:26px;margin-left:auto;font-size:13.5px;display:flex}.nav a{color:var(--ink-2);border-bottom:2px solid #0000;padding:4px 0}.nav a:hover,.nav a.now{color:var(--navy);border-bottom-color:var(--red);text-decoration:none}main{max-width:var(--maxw);margin:0 auto;padding:0 24px 60px}main.wide{max-width:1060px}.paper{background:var(--paper);border:1px solid var(--line);border-radius:3px;margin-top:34px;padding:46px 52px 54px}.tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tag{letter-spacing:.06em;color:var(--navy);background:var(--tint);border:1px solid #dbe4ef;border-radius:2px;padding:3px 11px;font-size:11.5px}a.tag:hover{background:#e7eef8;text-decoration:none}h1{color:var(--ink);margin:0;font-size:31px;font-weight:700;line-height:1.5}.meta{border-bottom:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding-bottom:26px;font-size:12.5px;display:flex}.meta .dot{background:#c3ccd6;border-radius:50%;width:3px;height:3px}.talk{background:var(--tint);border-left:3px solid var(--navy);margin:30px 0 26px;padding:18px 22px;font-size:15.3px;line-height:1.9}.talk b{color:var(--navy);letter-spacing:.03em;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.nums{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0 34px;display:grid}.nums.c1{grid-template-columns:1fr}.nums.c2{grid-template-columns:repeat(2,1fr)}.nums>div{background:var(--paper);text-align:center;padding:20px 16px 18px}.nums .n{color:var(--red);font-size:34px;font-weight:700;line-height:1.1}.nums .n small{margin-left:2px;font-size:16px}.nums .t{color:var(--ink-2);margin-top:8px;font-size:12.3px;line-height:1.65}.punch{background:#fffdf3;border:1px solid #ecdfae;border-left:5px solid #d8a520;margin:34px 0;padding:22px 26px;font-size:17px;font-weight:700;line-height:1.8}.matome{border:2px solid var(--navy);margin:44px 0 0;padding:26px 28px 24px}.matome .h{letter-spacing:.12em;color:#fff;background:var(--navy);margin:-40px 0 16px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.matome ul{margin:0;padding-left:19px}.matome li{margin-bottom:9px;font-size:15.3px;line-height:1.8}.matome li:last-child{margin-bottom:0}.body h2{color:var(--navy);border-bottom:2px solid var(--navy);margin:56px 0 22px;padding-bottom:13px;font-size:23px;font-weight:700;line-height:1.55;position:relative}.body h2:after{content:"";background:var(--red);width:76px;height:2px;position:absolute;bottom:-2px;left:0}.body h3{color:var(--ink);border-left:4px solid var(--red);margin:40px 0 16px;padding-left:14px;font-size:18px;font-weight:700;line-height:1.6}.body p{margin:0 0 1.5em}.body ul,.body ol{margin:0 0 1.5em;padding-left:22px}.body li{margin-bottom:.5em;line-height:1.85}.body hr{border:none;border-top:1px solid var(--line);margin:40px 0}.body img{border:1px solid var(--line);margin:28px auto;display:block}.body blockquote{border-left:4px solid var(--red);background:#fdf7f5;margin:28px 0 32px;padding:20px 24px;font-size:15px;line-height:1.85}.body blockquote p{margin:0 0 .7em}.body blockquote p:last-child{margin:0}.body table{border-collapse:collapse;-webkit-overflow-scrolling:touch;max-width:100%;margin:28px 0 32px;font-size:14px;display:block;overflow-x:auto}.body th,.body td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:11px 12px;line-height:1.65}.body th{background:var(--tint);color:var(--navy);border-bottom:2px solid var(--navy);font-size:12.8px;font-weight:700}.body code{background:#f2f4f7;border-radius:2px;padding:2px 6px;font-size:.92em}.body pre{border:1px solid var(--line);background:#f7f8fa;padding:16px 18px;font-size:13.5px;line-height:1.7;overflow-x:auto}.body pre code{background:0 0;padding:0}.author{border-top:1px solid var(--line);align-items:flex-start;gap:20px;margin-top:52px;padding-top:30px;display:flex}.face{color:#fff;background:linear-gradient(140deg,#1c3f74,#14315c);border-radius:50%;flex:none;justify-content:center;align-items:center;width:62px;height:62px;font-size:23px;font-weight:700;display:flex}.author .nm{color:var(--navy);font-size:15.5px;font-weight:700}.author .tx{color:var(--ink-2);margin-top:7px;font-size:13.4px;line-height:1.85}.listhead{margin-top:38px}.listhead h1{font-size:26px}.listhead p{color:var(--ink-2);margin:10px 0 0;font-size:13.5px}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:18px 18px 20px;transition:border-color .15s,transform .15s;display:block}.card:hover{border-color:var(--navy);text-decoration:none;transform:translateY(-2px)}.card .k{color:var(--red);letter-spacing:.08em;font-size:11px}.card .ttl{color:var(--ink);margin-top:7px;font-size:14.6px;font-weight:700;line-height:1.65}.card .d{color:var(--ink-2);margin-top:11px;font-size:11.5px}.rows{margin-top:16px}.row{background:var(--paper);border:1px solid var(--line);margin-bottom:12px;padding:20px 24px 22px;transition:border-color .15s;display:block}.row:hover{border-color:var(--navy);text-decoration:none}.row .d{color:var(--ink-2);font-size:11.8px}.row .ttl{color:var(--ink);margin-top:5px;font-size:19px;font-weight:700;line-height:1.6}.row .ds{color:var(--ink-2);margin-top:8px;font-size:13.4px;line-height:1.8}.row .tags{margin:12px 0 0}.sec-h{letter-spacing:.1em;color:var(--navy);align-items:center;gap:10px;margin:44px 0 0;font-size:14px;font-weight:700;display:flex}.sec-h:before{content:"";background:var(--red);width:18px;height:2px}.pager{justify-content:center;gap:12px;margin-top:30px;font-size:13.5px;display:flex}.pager a,.pager span{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);padding:7px 16px}.pager a:hover{border-color:var(--navy);color:var(--navy);text-decoration:none}.pager .now{background:var(--navy);color:#fff;border-color:var(--navy)}footer{border-top:1px solid var(--line);background:var(--paper)}footer .in{max-width:1060px;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:20px;margin:0 auto;padding:28px 24px 34px;font-size:12.5px;display:flex}footer .in a{color:var(--ink-2)}footer .nm{color:var(--navy);font-weight:700}@media (width<=760px){body{font-size:16px}.top .in{gap:10px;height:54px;padding:0 14px}.logo{flex:none;font-size:16px}.logo span{display:none}.nav{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;font-size:12px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{flex:none}main{padding-left:14px;padding-right:14px}.paper{margin-top:18px;padding:30px 20px 36px}h1{font-size:24px}.body h2{margin-top:44px;font-size:20px}.body h3{font-size:17px}.nums,.nums.c2{grid-template-columns:1fr}.nums .n{font-size:30px}.cards{grid-template-columns:1fr}.matome{padding:24px 18px 20px}.row{padding:16px 18px 18px}.row .ttl{font-size:17px}}
