:root{--navy:#17365f;--ink:#2d4b59;--lav:#efeffb;--lav2:#dadcf5;--blue:#eaf4fb;--coral:#e87868;--ivory:#fffaf2;--line:#dae4ea;--purple:#686da5;--mint:#e7f5f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.85}header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 max(24px,5vw);border-bottom:1px solid var(--line);background:#fffd;backdrop-filter:blur(10px)}.brand{color:#365b58;font-weight:900;text-decoration:none}header nav{display:flex;gap:18px}header nav a{color:var(--ink);font-size:12px;font-weight:900;text-decoration:none}.section{width:min(1120px,calc(100% - 40px));margin:auto}.eyebrow,.hero small{color:var(--purple);font-weight:900;letter-spacing:.14em}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;width:min(1140px,calc(100% - 40px));min-height:720px;margin:auto;padding:55px 0}.hero h1{margin:10px 0;color:var(--navy);font-size:clamp(48px,6vw,80px);line-height:1.2}.hero h1 em{color:var(--coral);font-style:normal}.subcopy{font-size:22px;line-height:1.65}.hero-copy>a{display:inline-flex;margin-top:20px;padding:14px 23px;border-radius:99px;background:var(--purple);color:#fff;font-weight:900;text-decoration:none}.hero-art{position:relative;min-height:580px;border-radius:50px;background:linear-gradient(150deg,#e7e9ff,#fff0df);box-shadow:0 22px 55px #223a5a17}.center-person{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:145px;height:145px;border:9px solid #fff;border-radius:50%;background:#d4e8f4;transform:translate(-50%,-50%);font-size:88px}.moment{position:absolute;display:grid;place-items:center;width:190px;min-height:165px;padding:20px;border:4px solid #fff;border-radius:45%;text-align:center;box-shadow:0 10px 30px #28374c13}.moment span{font-size:40px}.moment b{color:var(--navy)}.moment small{font-weight:800}.moment.night{left:28px;top:35px;background:#dfe2fa}.moment.morning{right:28px;top:45px;background:#fff1c7}.moment.class{left:34px;bottom:42px;background:#e0f2ec}.moment.holiday{right:30px;bottom:35px;background:#f7e3ed}.troubles{padding:100px 0}.section h2{margin:6px 0;color:var(--navy);font-size:clamp(35px,4.4vw,55px);line-height:1.3}.trouble-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.trouble-grid button{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;align-items:center;min-height:150px;padding:25px;border:3px solid transparent;border-radius:27px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 25px #233a4d0c}.trouble-grid button>span{grid-row:1/3;font-size:50px}.trouble-grid button b{color:var(--navy);font-size:21px}.trouble-grid button small{font-size:13px}.trouble-grid button:hover,.trouble-grid button:focus-visible,.trouble-grid button.selected{border-color:var(--purple);transform:translateY(-3px)}.explore-wrap{padding:90px 0;background:#f2f6fb}.explore{display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;align-items:start}.explore-menu{position:sticky;top:90px;padding:22px;border-radius:25px;background:var(--lav)}.explore-menu h3{margin:0;color:var(--navy)}#selected-label{margin:12px 0;padding:14px;border-radius:14px;background:#fff;color:var(--navy);font-weight:900}.explore-menu ol{margin:20px 0 0;padding-left:25px}.explore-menu li{padding:8px;font-weight:800}.explore-menu li.on{color:var(--purple)}.explore-detail{padding:40px;border:1px solid var(--line);border-radius:30px;background:#fff}.explore-detail>h2{margin:7px 0;color:var(--navy);font-size:clamp(32px,4vw,48px);line-height:1.35}.detail-lead{font-size:18px}.cause-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.cause-grid article{padding:22px;border-radius:20px;background:var(--blue)}.cause-grid span{font-size:35px}.cause-grid h3{margin:4px 0;color:var(--navy)}.cause-grid p{margin:0;font-size:14px}.reflection,.ideas{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.reflection h3,.ideas h3{color:var(--navy);font-size:25px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checks label{display:flex;gap:8px;padding:14px;border-radius:14px;background:var(--lav);font-weight:800}.checks input{width:19px;height:19px;accent-color:var(--purple)}.idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.idea-grid button{padding:15px;border:2px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-align:left;cursor:pointer}.idea-grid button.selected{border-color:var(--coral);background:#fff0ed}.chosen{padding:15px;border-radius:14px;background:var(--mint);font-weight:900}.sleep-basics{padding:100px 0}.basic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.basic-grid article{padding:26px;border:1px solid var(--line);border-radius:23px;background:#fff}.basic-grid span{font-size:43px}.basic-grid h3{margin:5px 0;color:var(--navy)}.note{margin-top:20px;padding:18px;border-left:5px solid #e7b94b;background:#fff4d7}.help{padding:100px 0;background:var(--lav)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.help-grid article{padding:22px;border-radius:20px;background:#fff;font-size:28px}.help-grid b{display:block;color:var(--navy);font-size:18px}.help-grid p{margin:3px 0;font-size:14px}.people{display:flex;gap:10px;flex-wrap:wrap}.people span{padding:10px 16px;border-radius:99px;background:var(--purple);color:#fff;font-weight:900}.urgent{padding:18px;border-left:5px solid var(--coral);background:#fff}.mission,.sources{padding:100px 0}.record{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.record span{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:900}.sources{border-top:1px solid var(--line)}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.source-grid a{display:grid;gap:5px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--navy);text-decoration:none}.source-grid small{color:var(--purple);font-weight:900}.source-grid span{font-size:12px;font-weight:900}.checked{font-size:12px}.final-message{width:min(1000px,calc(100% - 40px));margin:0 auto 100px;padding:35px;border-radius:28px;background:linear-gradient(135deg,var(--lav),#fff0e8);text-align:center}.final-message strong{color:var(--navy);font-size:25px}footer{padding:55px 20px;background:var(--navy);color:#fff;text-align:center}footer strong{font-size:27px}footer p{color:#d3deea}@media(max-width:900px){header nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-art{order:-1}.explore{grid-template-columns:1fr}.explore-menu{position:static}.explore-menu ol{display:grid;grid-template-columns:1fr 1fr}.cause-grid,.checks,.idea-grid{grid-template-columns:1fr}.basic-grid{grid-template-columns:1fr}}@media(max-width:620px){.section,.hero{width:min(100% - 26px,1120px)}header{padding:0 14px}.brand{font-size:14px}.hero{padding-top:30px}.hero h1{font-size:44px}.hero-art{min-height:440px}.center-person{width:100px;height:100px;font-size:55px}.moment{width:145px;min-height:130px;padding:12px}.moment span{font-size:28px}.moment.night{left:10px;top:20px}.moment.morning{right:10px;top:25px}.moment.class{left:10px;bottom:25px}.moment.holiday{right:10px;bottom:20px}.trouble-grid,.help-grid,.source-grid,.record{grid-template-columns:1fr}.explore-detail{padding:26px}.help-grid article{font-size:24px}}