*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171c19;background:#f5f7f3;font:16px/1.72 Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit}img{display:block;max-width:100%}.topline{height:74px;padding:0 max(4vw,22px);display:flex;align-items:center;background:#fff;border-bottom:1px solid #cbd2cb;position:relative;z-index:8}.mark{display:flex;align-items:center;gap:11px;text-decoration:none}.mark i{width:42px;height:42px;background:#1f6b45;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.mark span{display:grid;line-height:1.05}.mark b{font-size:18px}.mark small{font-size:8px;margin-top:5px;color:#667269}.links{margin-left:auto;display:flex;gap:24px}.links a{text-decoration:none;font-size:14px}.menu{display:none}.field-hero{height:min(720px,calc(100vh - 74px));min-height:580px;position:relative;overflow:hidden}.field-hero>img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;left:max(5vw,30px);top:50%;transform:translateY(-50%);width:min(590px,42vw);background:rgba(247,249,246,.91);padding:42px}.hero-copy>p:first-child,.label{font-size:12px;color:#1f6b45;font-weight:800}.hero-copy h1{font-size:clamp(44px,5.5vw,78px);line-height:1.04;margin:14px 0}.keep{white-space:nowrap}.hero-copy>p:nth-child(3){font-size:18px}.hero-copy div{display:flex;gap:10px;margin-top:24px}.hero-copy a,.family-band a,.history-note a,.back a{padding:12px 18px;background:#1f6b45;color:#fff;text-decoration:none;border:1px solid #1f6b45}.hero-copy a+a{background:#fff;color:#171c19;border-color:#171c19}.task-rail,.access-route,.device-line,.observation,.stories,.history-note,.page-open,.note-grid,.article-index{width:min(1180px,92vw);margin:0 auto}.task-rail{display:grid;grid-template-columns:160px repeat(4,1fr);padding:34px 0;border-bottom:1px solid #9da79f}.task-rail>p{font-weight:800}.task-rail a{padding:0 20px;text-decoration:none;border-left:1px solid #9da79f}.task-rail b,.task-rail span{display:block}.task-rail span{font-size:13px;color:#647068}.access-route{padding:92px 0;display:grid;grid-template-columns:.9fr 1.4fr;gap:70px}.access-route h2,.device-line h2,.observation h2,.stories h2,.history-note h2{font-size:38px;line-height:1.2}.access-route ol{list-style:none;margin:0;padding:0;border-top:4px solid #171c19}.access-route li{display:grid;grid-template-columns:55px 170px 1fr;align-items:start;padding:18px 0;border-bottom:1px solid #aeb6af}.access-route li b{color:#1f6b45}.access-route li p{margin:0}.device-line{padding:55px 0;border-top:8px solid #1f6b45;display:grid;grid-template-columns:1fr 2fr;gap:50px}.device-line ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.device-line li{padding:16px;border-left:1px solid #aeb6af}.device-line b,.device-line span{display:block}.device-line span{font-size:12px}.observation{padding:90px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.observation dl{margin:0;background:#171c19;color:#fff}.observation dl div{display:grid;grid-template-columns:110px 1fr;padding:18px;border-bottom:1px solid #526058}.observation dt{color:#d8f05b;font-weight:800}.observation dd{margin:0}.family-band{padding:60px max(6vw,30px);background:#d8f05b;display:grid;grid-template-columns:180px 1fr 1.3fr auto;gap:35px;align-items:center}.family-band h2{font-size:30px;line-height:1.2}.family-band p{margin:0}.family-band a{white-space:nowrap;background:#171c19;border-color:#171c19}.stories{padding:100px 0}.stories>header{display:flex;justify-content:space-between;align-items:end;border-bottom:4px solid #171c19}.stories>header>a{text-decoration:none}.story-list,.article-index{padding-top:24px}.story{display:grid;grid-template-columns:150px 1.3fr 1fr;gap:30px;padding:21px 0;border-bottom:1px solid #aeb6af}.story div span,.story div time{display:block;font-size:12px}.story h3,.story p{margin:0}.story h3{font-size:22px}.story h3 a{text-decoration:none}.history-note{padding:45px;margin-bottom:90px;background:#ffd45b;display:grid;grid-template-columns:1fr 1.5fr auto;gap:35px;align-items:center}.history-note p{margin:0}.history-note a{white-space:nowrap;background:#171c19;border-color:#171c19}.foot{padding:60px max(5vw,24px);background:#17211b;color:#fff;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.foot a{display:block;text-decoration:none;color:#cbd5ce;margin-top:8px}.foot p{color:#cbd5ce}.copy{grid-column:1/-1;border-top:1px solid #4d5b52;padding-top:18px}.page-open{padding:95px 0 55px;border-bottom:4px solid #171c19}.page-open h1{font-size:clamp(40px,6vw,70px);line-height:1.08;margin:12px 0;max-width:900px}.page-open>p:last-child{max-width:760px;font-size:19px}.note-grid{padding:55px 0 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#aeb6af}.note-grid article{background:#f5f7f3;padding:36px}.article-index{padding-bottom:110px}.reading{width:min(850px,90vw);margin:auto;padding:55px 0 120px}.trail{display:flex;gap:8px;font-size:13px}.reading>header{padding:58px 0;border-bottom:5px solid #1f6b45}.reading>header span,.reading>header time{font-size:12px;margin-right:18px}.reading h1{font-size:clamp(38px,6vw,64px);line-height:1.12}.reading>header p{font-size:20px}.prose section{padding:28px 0;border-bottom:1px solid #b5bdb7}.prose h2{font-size:27px}.prose p{font-size:18px}.reading aside{margin-top:50px;padding:28px;background:#e8efe9}.reading aside a{display:block;margin-top:8px}.back{width:min(1180px,92vw);margin:0 auto;padding:50px 0 120px;display:flex;gap:10px}@media(max-width:800px){.topline{height:66px;padding:0 18px}.links{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:18px;grid-template-columns:1fr 1fr;margin:0}.links.open{display:grid}.menu{display:grid;place-items:center;margin-left:auto;width:40px;height:40px;background:#fff;border:1px solid #171c19;font-size:21px}.field-hero{height:650px;min-height:0}.hero-copy{left:5vw;top:35%;width:90vw;padding:25px;background:rgba(247,249,246,.88)}.hero-copy h1{font-size:42px}.hero-copy>p:nth-child(3){font-size:15px}.hero-copy div{flex-wrap:wrap}.task-rail{grid-template-columns:1fr 1fr}.task-rail>p{grid-column:1/-1}.task-rail a{padding:14px;border-left:0;border-top:1px solid #aeb6af}.access-route,.device-line,.observation{grid-template-columns:1fr;gap:30px;padding:65px 0}.access-route li{grid-template-columns:45px 1fr}.access-route li p{grid-column:2}.device-line ul{grid-template-columns:1fr 1fr}.family-band{grid-template-columns:1fr;padding:38px 6vw}.family-band a{white-space:normal;width:max-content}.stories>header{display:block}.story{grid-template-columns:1fr;gap:8px}.history-note{grid-template-columns:1fr;padding:35px 6vw;width:100%}.history-note a{white-space:normal;width:max-content}.foot{grid-template-columns:1fr 1fr}.copy{grid-column:1/-1}.note-grid{grid-template-columns:1fr}.reading h1{font-size:39px}.prose p{font-size:17px}}