:root{--ink:#213c38;--paper:#fffaf0;--green:#18584b;--line:#e3e6d9;--orange:#e67e5e}
body{font-family:'Yu Gothic',Meiryo,sans-serif;background:var(--paper);color:var(--ink)}
header{background:#fffdf8eb;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);border-bottom:1px solid #e5e6da}nav{height:82px}.brand{letter-spacing:.5px}.brand b{background:#19594c;border-radius:12px;transform:rotate(-8deg)}.links{gap:23px;font-weight:700}.pill{background:#18584b;color:#fffdf4;border:0}.wrap{max-width:1200px}
.hero{gap:30px;grid-template-columns:1fr 1.15fr;padding-top:57px;padding-bottom:57px;position:relative}.hero h1{font-size:clamp(35px,3.7vw,53px);line-height:1.55;font-weight:700;margin-top:18px;letter-spacing:1px}.hero h1 em{border:0;position:relative;background:linear-gradient(transparent 70%,#f5cf7c 70%)}.eyebrow{letter-spacing:2px;color:#426b5c}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:1.4px;font-size:10px;background:#e7efe0;border:1px solid #d6e2cb;padding:6px 11px;border-radius:30px}.hero .eyebrow:before{content:'✦';color:#d48045;font-size:14px}.hero .intro{color:#52685e;font-size:14px;line-height:2}.btn{border-radius:30px;padding:15px 27px;box-shadow:0 5px 0 #123e3314;transition:transform .2s,background .2s}.btn:hover{background:#28745d;transform:translateY(-2px)}.hero .btn{margin-top:17px}.sub{font-size:11px;color:#68796c}.scene{border-radius:30px;background:#f3ead4;aspect-ratio:1.1;overflow:visible;transform:rotate(1deg);box-shadow:0 18px 50px #294a3310}.scene img{width:100%;height:100%;object-fit:cover;border-radius:30px;display:block}.scene:after{content:'しごとの後に、小さな冒険。';position:absolute;left:30px;bottom:-13px;background:#fffdf7;border:1px solid #ece7d7;border-radius:9px;padding:10px 18px;font-size:12px;letter-spacing:1px;transform:rotate(-3deg);box-shadow:0 5px 15px #254c3610}.strip{background:#edf2e5;border:0;border-radius:15px;padding:17px 28px;margin-bottom:8px;gap:12px;font-weight:700;color:#4c6654}.strip span:before{color:#cc8853}section{padding:65px 0}h2{font-family:'Yu Gothic',Meiryo,sans-serif;font-size:29px;font-weight:800;letter-spacing:.5px;line-height:1.65}.section-head{margin-bottom:20px}.site-reading .section-head h2{max-width:620px}.site-reading .intro{margin-bottom:25px}.cards{gap:24px}.card{border-radius:18px;border:1px solid #e4e6d7;box-shadow:0 5px 0 #1d433208;background:#fffef9;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-7px);box-shadow:0 15px 24px #1d43320d}.art,.site-reading .art{height:170px;padding:25px 27px;position:relative;background:#dcead8;overflow:hidden;align-items:start}.art:before{content:'';position:absolute;width:135px;height:135px;right:-18px;bottom:-40px;background:#fff9;border-radius:50%}.art:after{content:'✦';position:absolute;right:28px;top:8px;font-size:70px;color:#f8fbefb3;transform:rotate(12deg)}.art.orange{background:#f9dfcb}.art.blue{background:#dce8ee}.art .number{position:absolute;font-size:88px;line-height:1;bottom:6px;left:25px;color:#296b4b3d;font-style:italic}.art.orange .number{color:#b66a463d}.art.blue .number{color:#4e758e44}.art .symbol{position:absolute;right:35px;bottom:23px;font-weight:800;z-index:1;font-size:46px;transform:rotate(-8deg)}.art .tag{background:#fff9;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:800;color:#365e4a;z-index:2}.card-body{padding:25px}.card h3{font-size:17px;line-height:1.85;margin:5px 0 13px}.card p{font-size:13px;line-height:1.9;color:#637269}.read{font-weight:700;font-size:12px}.card .read{border-top:1px solid #e9ecdf;padding-top:16px;margin-top:20px}.guide{background:#e9efdf;position:relative;border-radius:35px;margin:10px 16px}.guide .eyebrow{color:#5e7c58}.guide h2{font-size:32px}.step{gap:22px;padding:24px 0}.step b{background:#fff8;border-radius:50%;font-size:21px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.step h3{font-size:16px}.step p{font-size:13px}.tool{border-radius:20px;box-shadow:0 10px 0 #e7ecde;padding:28px}.choices button{padding:9px 13px}.choices button[aria-pressed=true]{background:#18584b}textarea{border-radius:10px;height:205px;padding:18px;font-size:13px;line-height:1.9}.about{padding-top:50px}.cta{background:#1d594d;border-radius:25px;position:relative;overflow:hidden;padding:48px 25px}.cta:before,.cta:after{content:'✦';position:absolute;font-size:115px;color:#f2c575;top:20px;left:45px;transform:rotate(-12deg)}.cta:after{left:auto;right:50px;top:auto;bottom:-15px;font-size:160px;color:#5b8c69}.cta h2,.cta p,.cta a,.cta .eyebrow{position:relative;z-index:1}.cta h2{font-size:33px}.cta .btn{background:#f5db92}.article-wrap{max-width:920px;padding:36px 38px 75px}.article-title{font-family:'Yu Gothic',Meiryo,sans-serif;font-weight:800;letter-spacing:.2px;font-size:clamp(28px,3.2vw,39px)}.article-lead{font-size:16px;line-height:2;color:#597064}.article-wrap>.eyebrow{display:inline-block;padding:5px 12px;border-radius:20px;background:#e5eedb;font-size:11px}.article-illustration{width:100%;height:280px;object-fit:cover;object-position:center 49%;border-radius:18px;margin:20px 0 6px;border:1px solid #e8e2d1}.meta{font-size:12px;line-height:1.9}.contents{border:1px solid #dfe7d4;border-radius:16px;background:#edf3e4;margin:30px 0;padding:24px 28px}nav.contents{display:block;height:auto;position:static}.contents strong{font-size:16px}.contents ol{margin-top:14px;margin-bottom:0}.contents li{font-size:14px;line-height:2.1;margin:7px 0}.prose{max-width:740px;margin:auto}.prose section{padding:23px 0}.prose h2{font-size:25px;border-left:5px solid #e9ad65;padding-left:17px;margin-top:6px;margin-bottom:21px}.prose p,.prose li{font-size:16px;line-height:2.15}.callout{border-radius:14px;padding:22px 26px;background:#f0f2e6}.prose pre{background:#fff;border:1px solid #dde4d5;border-left:4px solid #74a27e;border-radius:12px;font-size:14px;line-height:2;padding:25px}.prose .check{list-style:none;padding:15px 22px;background:#edf3e5;border-radius:14px}.prose .check li{position:relative;padding-left:26px;margin:12px 0}.prose .check li:before{content:'✓';position:absolute;left:0;color:#287153;font-weight:800}.article-cta{background:#f6e7d3;border-radius:17px;padding:28px;margin-top:35px}.article-cta strong{font-size:19px}.article-cta p{font-size:14px}.related h2{font-size:23px}.index-list{gap:25px}.index-list .card{display:grid;grid-template-columns:210px 1fr}.index-list .card:before{content:'';background:url('/assets/afterwork-hero.webp') center/cover}.index-list .card-body{padding:26px}.index-list h2{font-size:21px;margin-top:8px}.breadcrumb{margin-bottom:24px}footer{background:#f0f0e5;padding:28px 0}
@media(min-width:1000px){.article-wrap{padding-top:45px}.article-wrap>.article-title{max-width:820px}.site-reading{padding-top:65px}}
@media(max-width:760px){nav{height:72px}.brand{font-size:12px}.brand b{width:28px;height:28px;font-size:12px}.links{gap:0}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:42px;gap:29px}.hero h1{font-size:37px;line-height:1.55}.hero .intro{font-size:13px}.hero .eyebrow{font-size:9px}.scene{max-width:480px;aspect-ratio:1.3;transform:none;margin-top:5px;margin-bottom:15px}.scene:after{font-size:11px;padding:8px 13px}.strip{padding:15px 18px;font-size:11px;gap:9px}.strip span:before{margin-right:7px}.section-head h2,h2{font-size:24px}.section-head{gap:5px}.art,.site-reading .art{height:135px}.art .number{font-size:70px}.card h3{font-size:18px}.card p{font-size:14px}.guide{margin:0 8px;border-radius:22px}.guide h2{font-size:27px}.guide-grid{gap:24px}.cta{padding:38px 22px}.cta h2{font-size:27px}.cta:before{left:-15px;font-size:70px}.cta:after{right:-25px;font-size:105px}.article-wrap{padding:25px 22px 50px}.article-title{font-size:28px;line-height:1.65}.article-illustration{height:210px;margin-top:14px}.article-lead{font-size:14px}.contents{padding:20px}.contents li{font-size:13px}.prose h2{font-size:22px}.prose p,.prose li{font-size:15px;line-height:2.1}.prose pre{font-size:13px;padding:18px}.index-list .card{grid-template-columns:1fr}.index-list .card:before{height:140px}.index-list h2{font-size:20px}.article-cta{padding:23px}.related a{font-size:14px}.article-wrap .eyebrow{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.btn,.card{transition:none}}
.topic-links{height:auto;display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 15px}.topic-links button{font:inherit;font-size:13px;border:1px solid #cfdbc7;padding:7px 15px;border-radius:25px;background:white;color:#18584b;cursor:pointer}.topic-links button[aria-pressed=true]{background:#18584b;color:white}.index-list [hidden]{display:none}.prose .btn{color:white;text-decoration:none}.prose code{overflow-wrap:anywhere;background:#eef1e7;padding:2px 5px;border-radius:4px}.prose pre{overflow-wrap:anywhere}.prose td{vertical-align:top}
.topic-links{height:auto;display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 15px}.topic-links button{font:inherit;font-size:13px;border:1px solid #cfdbc7;padding:7px 15px;border-radius:25px;background:white;color:#18584b;cursor:pointer}.topic-links button[aria-pressed=true]{background:#18584b;color:white}.index-list [hidden]{display:none}.prose .btn{color:white;text-decoration:none}.prose code{overflow-wrap:anywhere;background:#eef1e7;padding:2px 5px;border-radius:4px}.prose pre{overflow-wrap:anywhere}.prose td{vertical-align:top}