@charset "UTF-8";
:root{--ink:#152744;--paper:#f2f5fa;--muted:#526178;--blue:#365a9e;--line:#cbd5e3;--soft:#e0e7f3;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 "Yu Gothic",YuGothic,Meiryo,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5e85c1;outline-offset:3px}[hidden]{display:none!important}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;padding:10px;background:white;z-index:100}.demo-note{background:#e9e4d8;text-align:center;font-size:10px;padding:5px 12px}.demo-note>span{margin-left:15px}.header{max-width:1280px;margin:auto;padding:20px 40px;display:flex;align-items:center;gap:25px}.brand{font:bold 39px/1 Arial,sans-serif;letter-spacing:-.07em}.brand>span{color:var(--blue)}.header-title{font:10px Arial,sans-serif;letter-spacing:.16em}.back{margin-left:auto;font-size:11px;min-height:44px;display:flex;align-items:center}.intro{max-width:1160px;margin:30px auto 45px;display:flex;justify-content:space-between;align-items:center;gap:40px}.eyebrow{font:9px/1.6 Arial,sans-serif;letter-spacing:.14em;font-weight:600;margin-bottom:16px}h1{font-size:44px;font-weight:600;line-height:1.55}.intro p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:18px}.goal{border-left:1px solid var(--line);padding:10px 30px;min-width:210px}.goal>span{font:9px Arial,sans-serif;letter-spacing:.1em;display:block}.goal>strong{display:block;font:70px/1.4 Georgia,serif;letter-spacing:-.05em}.goal>strong>span{font:12px sans-serif;letter-spacing:0;margin-left:10px}.goal small{font-size:11px;color:var(--muted)}.explorer{max-width:1160px;margin:auto}.toolbar{padding:20px 0 0;background:var(--paper);position:sticky;top:0;z-index:10;border-top:1px solid var(--line)}.toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.view-switch{display:flex;padding:4px;background:var(--soft);border-radius:8px;gap:4px;width:270px}.view-switch>button{flex:1;min-height:42px;font-size:13px;font-weight:600;border-radius:5px}.view-switch>button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 2px 4px #1527440e}.view-switch>button>span{font-size:20px;font-weight:400;vertical-align:middle;margin-right:7px}.scope{font-size:11px;color:var(--muted)}.search-row{display:flex;gap:10px;margin-top:16px}.search{display:flex;align-items:center;gap:12px;padding:0 15px;background:white;border:1px solid var(--line);border-radius:5px;flex:1;min-width:0}.search svg,.filter-open svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.6;flex:none}.search input{border:0;background:transparent;min-height:46px;outline:none;min-width:0;width:100%;font-size:15px}.search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.filter-open{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:white;padding:8px 16px;border-radius:5px;font-size:12px;min-height:48px}.filter-open>span{background:var(--ink);color:white;border-radius:50%;min-width:18px;line-height:18px;text-align:center;font-size:10px}.categories{display:flex;gap:8px;margin-top:14px;overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}.categories>button{min-height:40px;padding:7px 17px;border-radius:24px;font-size:12px;white-space:nowrap;border:1px solid transparent}.categories>button[aria-pressed=true]{background:var(--soft);border-color:var(--line);font-weight:600}.categories>button:hover{background:var(--soft)}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px;font-size:11px;color:var(--muted)}.text-button{text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:8px 0;min-height:36px}.active-filters{padding:0 0 12px;font-size:11px;color:var(--blue);overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-card{display:flex;align-items:stretch;gap:20px;text-align:left;min-width:0;width:100%;border:1px solid var(--line);background:white;padding:16px;border-radius:8px;transition:box-shadow .15s}.case-card:hover{box-shadow:0 6px 20px #15274412;border-color:#9eb3cf}.case-copy{display:flex;flex-direction:column;flex:1;min-width:0}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:8px}.card-meta>span:first-child{color:var(--blue)}.case-copy>strong{font-size:19px;font-weight:600;letter-spacing:-.04em;line-height:1.6}.card-summary{font-size:12px;color:var(--muted);line-height:1.9;margin-top:8px}.card-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:10px}.stage{border:1px solid var(--line);padding:1px 7px;white-space:nowrap}.sample-tag{font-size:9px;color:var(--muted)}.arrow{margin-left:auto;font-size:18px}.art{width:120px;flex:none;min-height:150px;background:#dde7ed;position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.art svg{width:95%;fill:none;stroke:#4b6682;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.art>span{position:absolute;bottom:8px;left:10px;font:9px Arial,sans-serif;color:#6b8097}.art-work{background:#d6e1f1}.art-caption{background:#e8e3df}.art-learn{background:#dfe8e1}.art-camera{background:#e5e1ec}.art.small{min-height:85px;width:85px}.empty{padding:65px 15px;text-align:center}.empty>span{font:70px Georgia,serif;color:#90a7c6}.empty h2{font-size:25px}.empty p{font-size:13px;color:var(--muted);margin:15px 0 25px}.primary,.secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:12px 20px;border-radius:5px;background:var(--ink);color:white}.primary:hover{background:var(--blue)}.secondary{background:var(--soft);color:var(--ink)}body[data-view=map] .intro{display:none}body[data-view=map] .explorer{margin-top:12px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#e4ebf3}.map-area{min-width:0}.map-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 20px 0;font:9px Arial,sans-serif;letter-spacing:.06em;color:var(--muted)}.map-canvas{position:relative;height:500px;padding:15px 0 5px}.map-board{height:100%;aspect-ratio:360/470;position:relative;margin:auto;max-width:100%}.japan{display:block;width:100%;height:100%}.markers{position:absolute;inset:0}.marker{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;z-index:1;border-radius:50%}.marker-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid white;border-radius:50%;background:var(--ink);color:white;font:12px Arial,sans-serif;box-shadow:0 2px 6px #15274432}.marker[aria-pressed=true]{z-index:3}.marker[aria-pressed=true] .marker-dot{background:var(--blue);outline:5px solid #365a9e27}.marker:hover .marker-dot{background:var(--blue)}.city-label{position:absolute;left:39px;white-space:nowrap;background:#f8fafded;padding:1px 5px;font-size:10px;line-height:1.7;border-radius:3px;color:var(--ink)}.label-left .city-label{left:auto;right:39px}.map-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 18px 10px;font-size:9px;color:var(--muted)}.map-foot .text-button{font-size:10px}.map-dock{background:#fff;border-left:1px solid var(--line);padding:22px;align-self:stretch;min-width:0}.map-prompt{padding:50px 0}.prompt-icon{font:55px Georgia,serif;color:#8099ba;display:block;margin-bottom:25px}.map-prompt .eyebrow{font-size:9px}.map-prompt h2{font-size:25px;line-height:1.7;margin-bottom:20px}.map-prompt p:not(.eyebrow){font-size:12px;color:var(--muted)}.map-prompt small{display:block;margin-top:25px;font-size:10px;color:var(--muted)}.dock-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:600}.dock-count{font-size:10px;font-weight:400;color:var(--muted);margin-left:12px}.close{font-size:26px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:none}.close:hover{background:var(--soft)}.dock-body{display:flex;gap:15px;align-items:start;margin-top:16px}.dock-body>div:last-child{min-width:0}.dock-category{font-size:10px;color:var(--blue);margin-bottom:7px}.dock-body h2{font-size:22px}.dock-body p:not(.dock-category){font-size:12px;margin-top:10px;color:var(--muted);line-height:1.9}.dock-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:15px;margin-top:24px}.pager{display:flex;gap:8px}.pager button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:18px}.detail-link{display:flex;gap:25px;align-items:center;min-height:44px;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding:0}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:25px}.map-empty h2{font-size:25px}.map-empty p{font-size:12px;color:var(--muted)}.end-note{font-size:10px;color:var(--muted);margin:25px 0 45px;text-align:center}.mobile{display:none}footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;color:var(--muted)}footer>span{font:8px Arial,sans-serif;letter-spacing:.06em}dialog{border:0;padding:30px;border-radius:14px;background:var(--paper);color:var(--ink);width:calc(100% - 40px);max-width:530px;max-height:90dvh;box-shadow:0 20px 90px #15274444}dialog::backdrop{background:#0f223a80;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-head .eyebrow{margin-bottom:10px}.dialog-head h2{font-size:25px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:24px}.field select{width:100%;font-size:16px;min-height:50px;padding:10px 12px;border:1px solid var(--line);background:white;border-radius:4px}.filter-help{font-size:11px;color:var(--muted);margin:10px 0 25px}.filter-actions{display:flex;gap:10px}.filter-actions>button{flex:1;padding-left:10px;padding-right:10px}.sheet-handle{display:none}#detail-dialog{padding:0;position:fixed;max-width:620px}.detail-close{position:sticky;top:10px;float:right;margin:10px 12px -54px 0;z-index:3;background:#fffffff0}.detail-label{padding:24px 24px 14px;font:9px Arial,sans-serif;letter-spacing:.14em;color:var(--blue)}#detail-content>.art{width:100%;height:180px;min-height:0;border-radius:0}#detail-content>.art svg{height:130px;width:160px}.detail-inner{padding:25px}.detail-inner h2{font-size:29px;margin-bottom:15px}.detail-lead{color:var(--muted);line-height:2}.fiction-note{background:#e9e4d8;padding:12px 15px;font-size:11px;margin:22px 0}.detail-inner dl{margin:25px 0;border-top:1px solid var(--line)}.detail-inner dl>div{display:grid;grid-template-columns:65px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.detail-inner dt{color:var(--muted)}.detail-inner dd{margin:0}.detail-inner section{margin:28px 0}.detail-inner section h3{font-size:18px;margin-bottom:10px}.detail-inner section p{font-size:13px;color:var(--muted);line-height:2}.detail-inner section p+p{margin-top:10px}.no-js{padding:30px;text-align:center}
@media(max-width:1240px){.intro,.explorer,footer{margin-left:35px;margin-right:35px}.map-layout{grid-template-columns:minmax(0,1fr) 320px}.case-card{gap:15px}.art{width:100px}.case-copy>strong{font-size:18px}}
@media(max-width:850px){.cards{grid-template-columns:1fr}.case-card{gap:22px}.art{width:120px}.map-layout{grid-template-columns:1fr}.map-dock{border-left:0;border-top:1px solid var(--line);padding:14px 20px}.map-prompt{padding:15px 0;position:relative}.prompt-icon{position:absolute;right:15px;top:5px;font-size:55px;margin:0}.map-prompt .eyebrow{font-size:8px;margin-bottom:8px}.map-prompt h2{font-size:19px;margin-bottom:10px}.map-prompt h2 br{display:none}.map-prompt p:not(.eyebrow){font-size:11px}.map-prompt p br{display:none}.map-prompt small{font-size:9px;margin-top:8px}.map-canvas{height:390px}.dock-body{margin-top:2px}.dock-body h2{font-size:21px}.dock-actions{margin-top:14px;padding-top:10px}.dock-top .close{height:36px;width:36px}.dock-body .art{width:80px;min-height:80px}.goal{min-width:160px;padding:10px 20px}.goal strong{font-size:60px}h1{font-size:35px}}
@media(max-width:600px){.demo-note{font-size:8px;padding:5px 7px}.demo-note>span{margin-left:10px}.header{padding:14px 20px;gap:14px}.brand{font-size:34px}.header-title{font-size:8px;letter-spacing:.1em}.back{font-size:10px;min-height:40px}.intro{margin:18px 22px 28px;gap:15px;align-items:end}.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:12px}h1{font-size:29px;line-height:1.6}.intro p:not(.eyebrow){font-size:12px;margin-top:14px}.goal{min-width:0;width:60px;flex:none;padding:0;border:0;margin-bottom:2px}.goal>span{font-size:6px;line-height:1.5;letter-spacing:.03em}.goal>strong{font-size:36px}.goal>strong>span{display:block;font-size:9px;margin-left:0;margin-top:-5px}.goal>small{font-size:7px;display:block;line-height:1.6;margin-top:8px}.explorer{margin:0 18px}.toolbar{padding-top:12px}.view-switch{width:200px;border-radius:7px;padding:3px}.view-switch>button{min-height:40px;font-size:12px}.view-switch>button>span{font-size:19px;margin-right:6px}.scope{font-size:9px}.search-row{margin-top:12px;gap:8px}.search{padding:0 11px;gap:8px}.search input{font-size:16px;min-height:44px;letter-spacing:-.03em}.search svg{width:18px;height:18px}.filter-open{padding:7px 12px;gap:7px;min-height:46px;font-size:11px}.filter-open svg{width:16px;height:16px}.categories{gap:3px;margin-top:9px;padding-bottom:0}.categories>button{font-size:11px;min-height:40px;padding:5px 12px}.result-bar{min-height:39px;font-size:10px}.text-button{font-size:10px}.active-filters{font-size:10px;padding-bottom:10px}.cards{gap:12px}.case-card{padding:12px;gap:13px;border-radius:7px}.art{width:80px;min-height:125px;border-radius:4px}.art svg{width:100%}.art>span{font-size:8px;left:8px}.card-meta{font-size:9px;margin-bottom:7px;gap:5px}.case-copy>strong{font-size:17px;line-height:1.6}.card-summary{font-size:11px;line-height:1.8;margin-top:7px}.card-bottom{padding-top:10px;gap:6px;font-size:9px}.sample-tag{font-size:8px}.stage{padding:1px 5px}.arrow{font-size:16px}.mobile{display:block}.empty{padding:45px 12px}.empty h2{font-size:22px}.empty p{font-size:12px}body[data-view=map] .explorer{margin-top:0}.map-layout{border-radius:7px}.map-meta{font-size:8px;padding:12px 12px 0;letter-spacing:.03em}.map-canvas{height:clamp(290px,38dvh,370px);padding:8px 0 0}.map-foot{padding:3px 10px 6px;font-size:8px;gap:5px}.map-foot .text-button{font-size:9px;min-height:30px}.marker{width:44px;height:44px}.marker-dot{width:29px;height:29px;font-size:11px}.city-label{font-size:9px;padding:0 4px;left:36px}.label-left .city-label{right:36px}.map-dock{padding:10px 14px 12px}.dock-top{font-size:11px}.dock-count{font-size:9px;margin-left:8px}.dock-top .close{width:36px;height:36px;font-size:24px}.dock-body{gap:12px;margin-top:3px}.dock-body .art{width:62px;min-height:70px}.dock-category{font-size:9px;margin-bottom:4px}.dock-body h2{font-size:18px;line-height:1.55}.dock-body p:not(.dock-category){font-size:11px;line-height:1.7;margin-top:5px}.dock-actions{margin-top:10px;padding-top:8px;gap:12px}.pager{gap:6px}.pager button{width:40px;height:40px;font-size:16px}.detail-link{min-height:40px;font-size:11px;gap:24px}.map-prompt{padding:14px 0}.map-prompt .prompt-icon{font-size:45px;right:0}.map-prompt h2{font-size:17px;margin-bottom:6px}.map-prompt h2 br{display:block}.map-prompt p:not(.eyebrow){font-size:10px;max-width:85%}.map-prompt small{font-size:8px}.map-empty{padding:15px;gap:13px}.map-empty h2{font-size:22px}.map-empty p{font-size:11px}.end-note{margin:18px 5px 30px;font-size:9px;line-height:1.8}footer{margin:0 20px;padding:20px 0;display:block;font-size:10px}footer>span{display:block;margin-top:10px;font-size:7px}dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;border-radius:18px 18px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom));}.sheet-handle{display:block;width:36px;height:4px;background:#c1cbd8;border-radius:4px;margin:0 auto 20px}.dialog-head{margin-bottom:25px}.dialog-head h2{font-size:24px}.dialog-head .eyebrow{font-size:8px;margin-bottom:8px}.field{font-size:12px;margin-bottom:20px}.filter-help{font-size:10px}.filter-actions{gap:8px}.filter-actions button{font-size:12px}#detail-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:90dvh;margin:0;padding-top:12px}#detail-dialog .sheet-handle{margin-bottom:0}.detail-label{padding:20px 22px 14px;font-size:8px}.detail-close{top:8px;margin-top:5px}.detail-inner{padding:23px}.detail-inner h2{font-size:25px}.detail-lead{font-size:13px}.fiction-note{font-size:10px}.detail-inner dl>div{font-size:11px;grid-template-columns:48px 1fr;gap:12px}.detail-inner section p{font-size:12px}.detail-inner section h3{font-size:17px}#detail-content>.art{height:140px}#detail-content>.art svg{height:110px}}
@media(max-width:350px){.intro{margin-left:18px;margin-right:18px}.intro h1{font-size:25px}.intro p:not(.eyebrow){font-size:11px}.goal{width:46px}.goal strong{font-size:31px}.goal>span{font-size:5px}.goal small{font-size:6px}.explorer{margin-left:14px;margin-right:14px}.view-switch{width:184px}.scope{font-size:8px}.header-title{font-size:7px}.header{gap:12px;padding-left:18px;padding-right:18px}.back{font-size:9px}.search input{font-size:14px}.filter-open{padding:7px 10px}.categories>button{padding:5px 10px;font-size:10px}.case-card{gap:10px;padding:10px}.art{width:65px}.case-copy>strong{font-size:16px}.card-summary{font-size:10px}.card-meta{font-size:8px}.sample-tag{font-size:7px}.dock-body h2{font-size:16px}.dock-body .art{width:52px}.city-label{font-size:8px}.map-foot{font-size:7px}.map-foot .text-button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.case-copy>strong,.dock-body h2{display:block;text-wrap:balance}
.title-phrase{display:inline-block;max-width:100%}