:root{--paper:#f3f0ea;--ink:#292824;--muted:#767069;--line:#d5cec4;--sand:#ddd2c5;--green:#718075;--serif:"Noto Serif JP",serif;--display:"Cormorant Garamond",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}header{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;height:78px;padding:0 clamp(22px,6vw,90px)}header .brand,footer .brand{font-family:var(--display);font-size:27px;font-weight:600}header .brand i,footer .brand i{font-weight:400}header>span{font-family:var(--display);font-size:9px;letter-spacing:.19em}header>a:last-child{font-size:11px;justify-self:end}.cover,.block{padding:110px clamp(24px,8vw,128px)}.cover{min-height:700px;position:relative}.eyebrow,.title small{font-family:var(--display);font-size:10px;letter-spacing:.2em}.cover h1{font-family:var(--serif);font-size:clamp(48px,7vw,94px);font-weight:400;letter-spacing:-.05em;line-height:1.28;margin:45px 0 30px}.intro{color:var(--muted);font-size:13px;max-width:610px}.notice{align-items:center;background:var(--ink);color:#fff;display:flex;font-size:10px;gap:18px;margin-top:38px;max-width:670px;padding:15px 18px}.notice b{background:#c9b5a1;color:var(--ink);padding:3px 8px}.cover-meta{border-top:1px solid var(--line);bottom:70px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);position:absolute;width:calc(100% - clamp(48px,16vw,256px))}.cover-meta div{padding-top:18px}.cover-meta small{color:var(--muted);display:block;font-family:var(--display);font-size:8px;letter-spacing:.16em}.cover-meta strong{font-family:var(--serif);font-size:12px;font-weight:400}.block{border-top:1px solid var(--line)}.title{align-items:start;display:flex;gap:18px;margin-bottom:60px}.title>span{align-items:center;border:1px solid;border-radius:50%;display:flex;font-family:var(--display);font-size:10px;height:31px;justify-content:center;width:31px}.title h2{font-family:var(--serif);font-size:clamp(31px,4vw,50px);font-weight:400;line-height:1.35;margin:4px 0 0}.status-card{align-items:center;background:#e3ded6;display:flex;gap:22px;margin-bottom:25px;padding:28px}.status-card>i{background:var(--green);border-radius:50%;height:13px;width:13px}.status-card small{display:block;font-family:var(--display);font-size:8px;letter-spacing:.16em}.status-card strong{font-family:var(--serif);font-size:20px;font-weight:400}.status-card p{color:var(--muted);font-size:11px;margin:5px 0 0}.summary-grid{display:grid;gap:25px;grid-template-columns:1fr 1fr}.summary-grid article{border:1px solid var(--line);padding:35px}.summary-grid small,.seo-grid small{font-family:var(--display);font-size:9px;letter-spacing:.18em}.summary-grid h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.55;margin:35px 0 17px}.summary-grid p{color:var(--muted);font-size:11px;margin:0}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.metrics article{background:#e5ddd3;padding:26px}.metrics small{display:block;font-family:var(--display);font-size:8px;letter-spacing:.15em}.metrics strong{display:block;font-family:var(--display);font-size:43px;font-weight:500;line-height:1;margin:22px 0 5px}.metrics em{color:#66766a;font-size:9px;font-style:normal}.metrics p{color:var(--muted);font-size:9px;margin:18px 0 0}.chart-card{display:grid;gap:50px;grid-template-columns:180px 1fr;margin-top:50px}.chart-card small{display:block;font-family:var(--display);font-size:8px;letter-spacing:.15em}.chart-card strong{font-family:var(--serif);font-size:17px;font-weight:400}.chart{align-items:end;border-bottom:1px solid var(--line);display:flex;gap:8px;height:180px}.chart i{background:#897d71;flex:1;opacity:.8}.traffic{margin:55px 0 0 auto;max-width:800px}.traffic h3{font-family:var(--serif);font-size:20px;font-weight:400}.traffic div{align-items:center;border-top:1px solid var(--line);display:grid;font-size:11px;gap:20px;grid-template-columns:150px 1fr;padding:15px 0}.traffic b{font-family:var(--display);font-size:12px;font-weight:400;position:relative}.traffic b:after{background:linear-gradient(90deg,#807468 var(--value),#ddd5cb var(--value));content:"";height:4px;left:45px;position:absolute;right:0;top:10px}.split{display:grid;gap:8vw;grid-template-columns:1.4fr .6fr}.ranking{list-style:none;padding:0}.ranking li{align-items:center;border-top:1px solid var(--line);display:grid;gap:20px;grid-template-columns:35px 1fr auto;padding:19px 0}.ranking li:last-child{border-bottom:1px solid var(--line)}.ranking b{font-family:var(--display);font-size:10px}.ranking span{font-family:var(--serif);font-size:14px}.ranking small{color:var(--muted);display:block;font-family:var(--sans);font-size:9px}.ranking em{font-family:var(--display);font-size:11px;font-style:normal}.split aside{align-self:center;background:var(--ink);color:#fff;padding:40px}.split aside small{color:#bcae9f;font-family:var(--display);font-size:8px;letter-spacing:.17em}.split aside h3{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.65;margin:40px 0 20px}.split aside p{color:#aaa69e;font-size:10px;margin:0}.health{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.health article{border:1px solid var(--line);padding:28px}.health span{background:#dce5dc;color:#526255;font-size:8px;padding:4px 8px}.health h3{font-family:var(--serif);font-size:16px;font-weight:400;margin:27px 0 10px}.health p{color:var(--muted);font-size:10px;margin:0}.work{background:#ddd3c7}.work-list{border-top:1px solid #b8ada1}.work-list article{align-items:center;border-bottom:1px solid #b8ada1;display:grid;gap:30px;grid-template-columns:55px 1fr auto;padding:23px 0}.work-list>b{font-family:var(--display)}.work-list h3{font-family:var(--serif);font-size:16px;font-weight:400;margin:0}.work-list p{color:var(--muted);font-size:10px;margin:4px 0 0}.work-list span{border:1px solid #8a8178;border-radius:99px;font-size:8px;padding:3px 10px}.seo-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.seo-grid article{background:#e5ddd3;padding:32px}.seo-grid h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:30px 0 16px}.seo-grid ul{color:var(--muted);font-size:10px;line-height:2.1;padding-left:18px}.disclaimer{color:var(--muted);font-size:9px;margin:25px 0 0}.next-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.next-grid article{border-top:1px solid var(--ink);padding:22px 0}.next-grid b{font-family:var(--display);font-size:9px}.next-grid h3{font-family:var(--serif);font-size:17px;font-weight:400;margin:28px 0 10px}.next-grid p{color:var(--muted);font-size:10px}.action-zero{background:var(--ink);color:#fff;margin-top:65px;padding:40px;text-align:center}.action-zero small{color:#bcae9f;display:block;font-family:var(--display);font-size:8px;letter-spacing:.17em}.action-zero strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;margin:22px 0 8px}.action-zero p{color:#aaa69e;font-size:10px;margin:0}footer{align-items:center;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto 1fr;padding:55px clamp(24px,6vw,90px)}footer p{color:#aaa69e;font-size:9px;margin:0}footer>a:last-child{font-size:10px;justify-self:end}@media(max-width:760px){header{grid-template-columns:1fr auto;height:65px;padding:0 18px}header>span{display:none}.cover,.block{padding:75px 20px}.cover{min-height:690px}.cover h1{font-size:45px}.notice{align-items:flex-start;flex-direction:column;gap:8px}.cover-meta{bottom:35px;grid-template-columns:1fr;position:absolute;width:calc(100% - 40px)}.cover-meta div{padding-top:8px}.summary-grid,.metrics,.split,.health,.seo-grid,.next-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:35px}.chart-card{grid-template-columns:1fr}.chart{height:130px}.traffic div{grid-template-columns:100px 1fr}.ranking li{gap:10px;grid-template-columns:25px 1fr}.ranking em{display:none}.health{grid-template-columns:1fr 1fr}.work-list article{align-items:start;gap:13px;grid-template-columns:42px 1fr}.work-list span{display:none}.action-zero{padding:30px 20px}.action-zero strong{font-size:17px}footer{gap:25px;grid-template-columns:1fr;padding-bottom:100px}footer>a:last-child{justify-self:start}}