:root{--ink:#303b39;--muted:#707975;--accent:#536e61;--line:#dce2dc;--paper:#fffefa;--bg:#e9ede9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b07d49;outline-offset:5px}.toolbar{height:64px;background:#fbfcfaeb;backdrop-filter:blur(12px);border-bottom:1px solid #d9ded9;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px;font-size:12px}.toolbar-name{font-weight:600;text-decoration:none;letter-spacing:.04em}.page-links{display:flex;gap:28px}.page-links a{text-decoration:none;color:var(--muted)}.page-links a.active{color:var(--accent);box-shadow:0 2px 0;padding-bottom:8px}.toolbar button{background:none;border:1px solid #bec9c0;border-radius:4px;padding:8px 14px;color:var(--ink);font-size:12px}main{max-width:1440px;margin:auto;padding:32px 24px 64px}.sheet{background:var(--paper);padding:40px 56px 20px;margin-bottom:32px;box-shadow:0 4px 24px #25332608;min-height:850px;display:flex;flex-direction:column;scroll-margin-top:0}.sheet-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:12px;color:var(--accent);letter-spacing:.08em}.sheet-header p{margin:0;font-weight:600}.sheet-header span{font-family:Arial,sans-serif;font-size:11px}h1,.page-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,2.7vw,40px);line-height:1.6;letter-spacing:.04em;font-weight:500;margin:26px 0 12px}.lead{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 30px}.diagnosis-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;flex:1}.current-site{background:#f0f2ee;align-self:start;border-radius:6px;overflow:hidden}.browser-label{display:flex;align-items:center;gap:5px;background:#e2e7e1;padding:10px 14px}.browser-label i{display:block;width:5px;height:5px;border-radius:50%;background:#a8b4aa}.browser-label span{margin-left:16px;font-size:10px;color:#647365}.current-site>img{width:100%;display:block;aspect-ratio:1.75;object-fit:cover;object-position:top}.current-caption{padding:22px 24px 4px}.small-label{font-size:11px;letter-spacing:.06em;color:var(--accent);font-weight:bold}.current-caption p{font-size:13px;line-height:1.9;margin-top:10px}.source-link{display:block;font-size:10px;margin:2px 24px 22px;color:var(--muted)}.findings article{display:flex;gap:18px;padding:19px 0;border-top:1px solid var(--line)}.findings article:first-child{padding-top:0;border:0}.finding-no{font-family:Georgia,serif;font-size:24px;line-height:1.4;color:#8e9d8c}.findings h2{font-size:16px;font-weight:600;line-height:1.7;margin:0 0 8px}.findings p{font-size:12px;line-height:1.9;margin:0 0 6px;color:#59635d}.findings a{font-size:10px;color:var(--muted)}.sheet-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7b837d;border-top:1px solid var(--line);padding-top:13px;margin-top:28px;line-height:1.7}.change-table{display:flex;flex-direction:column;flex:1}.change-head,.change-row{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:28px}.change-head{font-size:11px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:0 0 12px;color:var(--accent)}.change-row{border-bottom:1px solid var(--line);padding:25px 0}.change-row>div{position:relative}.change-row b{font:11px Georgia,serif;display:block;color:#8a9d8c;margin-bottom:10px}.change-row h3{font-size:14px;line-height:1.6;margin:0 0 10px;font-weight:600}.change-row p{font-size:12px;line-height:1.9;margin:0;color:#657068}.change-row>div:nth-child(2){padding-top:23px;padding-left:24px}.change-row>div:nth-child(2):before{content:'→';position:absolute;left:-10px;top:24px;color:#a1afa0}.result{background:#edf1e9;border-radius:4px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}.result>span{font-size:16px;font-weight:600;color:#47614f;margin-bottom:9px}.result p{font-size:11px}.shared-direction{background:#f5f3eb;padding:20px 24px;display:flex;gap:28px;align-items:center;margin-top:24px}.shared-direction>span{font-size:11px;font-weight:600;white-space:nowrap}.shared-direction p{font-size:12px;line-height:1.8;margin:0}.shared-direction em{font-style:normal;color:#b9bfb2;padding:0 8px}.design-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;flex:1}.design-card{border:1px solid #e1e5dc;overflow:hidden;border-radius:5px;display:flex;flex-direction:column}.design-preview{position:relative;background:#e5ebef;padding:22px 16px 24px;min-height:225px;display:flex;align-items:center}.round .design-preview{background:#eeece6}.senbei .design-preview{background:#eee2d3}.pc-preview{width:85%;aspect-ratio:1.5;object-fit:cover;object-position:top;border:3px solid #fff;box-shadow:0 3px 10px #0001;border-radius:2px}.sp-preview{position:absolute;width:25%;right:14px;bottom:19px;aspect-ratio:390/844;object-fit:cover;object-position:top;border:3px solid white;border-radius:10px;box-shadow:0 3px 10px #0002}.design-body{padding:24px 20px 18px;display:flex;flex-direction:column;flex:1}.design-num{font:22px Georgia,serif;margin:0 0 14px!important;color:#52675d}.design-num span{font:10px "Hiragino Kaku Gothic ProN",sans-serif;letter-spacing:.06em;vertical-align:middle;padding-left:12px}.design-body h3{font-size:15px;line-height:1.7;margin:0 0 12px;letter-spacing:-.03em}.design-body>p:not(.design-num){font-size:11px;line-height:2;color:var(--muted);margin:0 0 24px}.design-body>button{display:flex;align-items:center;justify-content:space-between;margin-top:auto;background:#354b42;border:0;color:#fff;font-size:11px;padding:13px 15px;border-radius:3px;min-height:44px}.design-body>button:hover{background:#536e61}.standalone{font-size:10px;text-align:center;margin-top:12px;color:#738076}dialog{padding:0;border:1px solid #cdd4cb;border-radius:10px;width:calc(100vw - 32px);max-width:1600px;height:calc(100dvh - 32px);max-height:none;background:#e3e7e1;color:var(--ink);overflow:hidden}dialog::backdrop{background:#18221ee0;backdrop-filter:blur(5px)}.preview-toolbar{min-height:64px;background:#fff;display:flex;align-items:center;gap:18px;padding:12px 20px;flex-wrap:wrap}.preview-toolbar h2{font-size:12px;margin:0 auto 0 0}.preview-toolbar button{border:0;background:#edf0e9;padding:9px 12px;border-radius:4px;color:#536058;font-size:11px}.preview-toolbar button[aria-pressed=true]{background:#354b42;color:#fff}.preview-toolbar a{font-size:10px}.preview-toolbar #close-preview{background:none;font-size:26px;padding:0 6px;line-height:1}.preview-stage{height:calc(100% - 104px);overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:16px}.preview-device{background:white;position:relative;flex-shrink:0;box-shadow:0 2px 12px #0001}.preview-device iframe{border:0;display:block;position:absolute;left:0;top:0;transform-origin:top left;background:#fff}.preview-note{height:24px;text-align:center;font-size:10px;color:#66766b;margin:0;padding:4px 12px}.design-switch,.device-switch{display:flex;gap:3px}.device-switch{border-left:1px solid #dce1da;padding-left:16px}body.preview-open{overflow:hidden}@media(min-width:1500px){.sheet{min-height:900px}}@media(max-width:1000px){.sheet{padding:30px 32px 20px}.diagnosis-grid{gap:28px}.design-cards{gap:14px}.design-body{padding:20px 14px}.design-body h3{font-size:13px}.shared-direction{display:block}.shared-direction>span{display:block;margin-bottom:8px}.change-head,.change-row{gap:18px}.design-preview{min-height:185px}}@media(max-width:700px){html{scroll-padding-top:70px}.toolbar{height:58px;padding:0 16px;gap:10px}.toolbar-name{font-size:10px}.page-links{gap:14px;font-size:10px}.toolbar button{font-size:10px;padding:6px 8px}.page-links a{font-size:0}.page-links a::after{content:attr(data-short);font-size:10px}main{padding:16px 12px 24px}.sheet{padding:24px 22px 16px;min-height:auto;margin-bottom:16px}.sheet-header{font-size:11px}h1,.page-title{font-size:27px;line-height:1.65;margin:24px 0 12px}.lead{font-size:12px;margin-bottom:24px}.diagnosis-grid{grid-template-columns:1fr;gap:28px}.current-site{max-width:100%}.findings h2{font-size:15px}.sheet-footer{font-size:8px;display:block}.sheet-footer>span:last-child{display:none}.change-head{display:none}.change-row{display:flex;flex-direction:column;gap:14px;padding:22px 0}.change-row>div:nth-child(2){padding:12px 0 0 20px}.change-row>div:nth-child(2)::before{left:0;top:12px}.change-row b{margin-bottom:6px}.result{padding:16px 18px}.shared-direction{padding:18px}.shared-direction p{font-size:11px}.shared-direction em{padding:0 2px}.design-cards{grid-template-columns:1fr;gap:22px}.design-preview{min-height:240px;padding:22px}.design-body{padding:22px}.design-body h3{font-size:17px}.design-body>p:not(.design-num){font-size:12px}.preview-toolbar{padding:10px 12px;gap:10px}.preview-toolbar h2{width:70%;font-size:11px;order:0}.preview-toolbar #close-preview{order:1;margin-left:auto}.design-switch{order:2}.device-switch{order:3;margin-left:auto;padding-left:8px}.preview-toolbar a{display:none}.preview-stage{height:calc(100% - 125px);padding:10px}.preview-note{font-size:8px}.preview-toolbar button{padding:8px;font-size:10px}}@media print{@page{size:A4 landscape;margin:0}html,body{background:white;scroll-behavior:auto}.toolbar,dialog{display:none!important}main{margin:0;padding:0;max-width:none}.sheet{width:297mm;height:210mm;min-height:0;margin:0;box-shadow:none;padding:10mm 14mm 6mm;break-after:page;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet:last-child{break-after:auto}.sheet-header{padding-bottom:4mm}h1,.page-title{font-size:25px;line-height:1.5;margin:6mm 0 3mm}.lead{font-size:10px;margin-bottom:6mm}.diagnosis-grid{gap:8mm}.findings article{padding:4mm 0}.findings h2{font-size:13px}.findings p,.current-caption p{font-size:10px}.findings a,.source-link{font-size:8px}.finding-no{font-size:20px}.current-caption{padding:5mm 6mm 1mm}.current-site>img{aspect-ratio:1.8}.sheet-footer{font-size:7px;padding-top:3mm;margin-top:5mm}.change-row{padding:5mm 0;gap:6mm}.change-head,.change-row{gap:6mm}.change-row h3{font-size:11px;margin-bottom:2mm}.change-row p{font-size:9px}.change-row b{margin-bottom:2mm}.change-row>div:nth-child(2){padding-top:5mm;padding-left:4mm}.change-row>div:nth-child(2):before{top:5mm;left:-2mm}.result{padding:3mm 5mm}.result>span{font-size:13px}.result p{font-size:9px}.shared-direction{padding:4mm 6mm;margin-top:4mm}.shared-direction>span,.shared-direction p{font-size:9px}.design-cards{gap:5mm}.design-preview{min-height:46mm;padding:4mm}.design-body{padding:5mm}.design-body h3{font-size:12px}.design-body>p:not(.design-num){font-size:9px;margin-bottom:5mm}.design-num{font-size:18px}.design-num span{font-size:8px}.design-body>button{font-size:9px;padding:3mm;min-height:0}.standalone{font-size:8px}}

.two-designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.classic .design-preview{background:#eee5e7}.two-designs .design-preview{min-height:260px;padding:24px}.two-designs .design-body{padding:24px 26px}.two-designs .design-body h3{font-size:20px}.two-designs .design-body>p:not(.design-num){font-size:12px}.two-designs .sp-preview{width:22%;right:22px;bottom:22px}.two-designs .pc-preview{width:87%}@media(max-width:700px){.two-designs{grid-template-columns:1fr}.two-designs .design-preview{min-height:230px;padding:22px}.two-designs .design-body{padding:22px}}@media print{.two-designs{grid-template-columns:1fr 1fr;gap:7mm}.two-designs .design-preview{height:55mm;min-height:55mm;padding:4mm 6mm}.two-designs .pc-preview{width:87%;height:47mm;aspect-ratio:auto;object-fit:cover;object-position:top}.two-designs .sp-preview{width:22%;height:49mm;aspect-ratio:auto;bottom:3mm;right:4mm}.two-designs .design-body{padding:5mm 6mm}.two-designs .design-body h3{font-size:16px}.two-designs .design-body>p:not(.design-num){font-size:10px}}