.note-root{--paper:#FBFAF6;--ink:#23262B;--sub:#565952;--rule-blue:#AFC7DC;--margin-red:#D6564C;--hanko-red:#B33A31;--matore:#3E7CB1;--matore-marker:#CFE3EF;--koetore:#C56A3E;--koetore-marker:#F4DCC6;--hooktore:#8C8232;--hooktore-marker:#EFE6B0;--bind-w: 34px;--margin-x: 30px;background:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 37px,var(--rule-blue) 37px 38px);background-attachment:local;color:var(--ink);font-family:Noto Sans JP,sans-serif;line-height:1.9;font-size:15.5px;position:relative}.note-root h1,.note-root h2,.note-root h3,.note-root .hand{font-family:Yomogi,sans-serif;font-weight:400;margin:0}.note-root a{color:inherit}.note-root :focus-visible{outline:3px solid var(--matore);outline-offset:3px}.note-root .binding{position:fixed;left:0;top:0;bottom:0;width:var(--bind-w);background-image:radial-gradient(circle at 17px 20px,transparent 6.5px,#E7E3D8 6.5px 8px,transparent 8px);background-size:34px 44px;background-repeat:repeat-y;z-index:5;pointer-events:none}@media (max-width:680px){.note-root .binding{width:20px;background-size:20px 34px;background-position:10px 17px}}.note-root .page{margin-left:var(--bind-w);position:relative}@media (max-width:680px){.note-root .page{margin-left:20px}}.note-root .page:before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--margin-x) - 14px);width:2px;background:var(--margin-red);opacity:.55}.note-root .wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px 0 calc(var(--margin-x) + 12px)}.note-root .crumbline{font-size:12px;color:var(--sub);margin:30px 0 4px;display:flex;gap:6px;flex-wrap:wrap}.note-root .crumbline a{color:var(--sub);text-decoration:none;border-bottom:1px dotted var(--sub)}.note-root .crumbline a:hover{color:var(--ink)}.note-root .pageno{font-size:11.5px;color:var(--sub);letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin:8px 0 22px}.note-root .pageno:before{content:"";width:14px;height:1px;background:var(--sub)}.note-root .kicker{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--accent);padding:4px 12px;border-radius:3px;margin:6px 0 14px}.note-root h1{font-size:clamp(24px,4.6vw,34px);line-height:1.5;margin-bottom:16px}.note-root .lead{font-size:15px;color:var(--sub);max-width:620px;margin-bottom:8px}.note-root section{padding:34px 0 6px}.note-root .sec-title{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.note-root .sec-title h2{font-size:clamp(20px,3vw,24px)}.note-root .sec-note{color:var(--sub);font-size:13.5px;max-width:560px;margin:4px 0 22px}.note-root .body-text{max-width:640px;font-size:15px}.note-root .steps{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:18px;max-width:640px}.note-root .steps li{display:flex;gap:14px}.note-root .step-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1.7px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:Yomogi,sans-serif;font-size:15px;transform:rotate(-3deg)}.note-root .steps li:nth-child(2) .step-num{transform:rotate(2deg)}.note-root .steps li:nth-child(3) .step-num{transform:rotate(-1.5deg)}.note-root .step-body b{display:block;font-size:14.5px;margin-bottom:3px}.note-root .step-body span{font-size:13.5px;color:var(--sub)}.note-root .practice{margin:6px 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;max-width:620px}.note-root .practice li{display:flex;gap:10px;font-size:13.5px;align-items:flex-start}.note-root .practice li:before{content:"✎";flex-shrink:0;color:var(--accent)}.note-root .pitfall{border-left:3px solid var(--margin-red);background:#fff;padding:14px 16px;margin-bottom:14px;font-size:13.5px;max-width:600px}.note-root .pitfall b{display:block;margin-bottom:4px;color:var(--margin-red);font-family:Yomogi,sans-serif;font-size:14.5px}.note-root .qa{display:flex;flex-direction:column;margin:6px 0 30px}.note-root .qa-item{border-bottom:1px dashed #D8D4C6;padding:16px 0}.note-root .qa-q{display:flex;gap:12px;font-family:Yomogi,sans-serif;font-size:16px}.note-root .qa-q .qc{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.7px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-family:Noto Sans JP,sans-serif;font-weight:800}.note-root .qa-a{margin:8px 0 0 36px;font-size:13.5px;color:var(--sub);max-width:560px}.note-root .back{display:inline-block;margin:10px 0 40px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink)}.note-root footer{padding:26px 0 60px}.note-root .wrap.foot{font-size:11.5px;color:var(--sub);border-top:1px solid #E4E1D6;padding-top:16px}.note-root .head-tab{display:inline-block;padding:8px 20px 6px;font-family:Yomogi,sans-serif;font-size:18px;color:#fff;background:var(--accent);border-radius:6px 6px 0 0;margin-bottom:-1px}.note-root .head-box{border:1.5px solid #E4E1D6;background:#fff;padding:26px}.note-root .head-box h1{font-size:clamp(24px,4.4vw,32px);margin-bottom:12px}.note-root .head-box p{font-size:14.5px;color:var(--sub);margin:0;max-width:600px}.note-root .tech-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:12px}.note-root .tech-row{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1.5px solid #E4E1D6;padding:16px 18px;transform:rotate(-.2deg)}.note-root .tech-row:nth-child(2n){transform:rotate(.2deg)}.note-root .box{flex-shrink:0;width:17px;height:17px;margin-top:3px;border:1.7px solid var(--ink);border-radius:2px;transform:rotate(-2deg)}.note-root .tech-row:nth-child(3n) .box{transform:rotate(2deg)}.note-root .tech-main b{font-size:15px}.note-root .tech-main .q{display:block;font-size:12.5px;color:var(--sub);margin-top:2px}.note-root .tech-link{margin-left:auto;flex-shrink:0;align-self:center;font-size:12.5px;font-weight:700;color:var(--accent);text-decoration:none;border-bottom:2px solid currentColor;white-space:nowrap}.note-root .soon{margin-left:auto;flex-shrink:0;align-self:center;font-size:11.5px;color:#a9a79b}.note-root .cover{padding:48px 0 40px}.note-root .label{border:2.5px solid var(--ink);border-radius:2px;padding:26px 26px 20px;max-width:560px;background:#fff;position:relative;transform:rotate(-.6deg)}.note-root .label:after{content:"";position:absolute;top:-14px;left:34px;width:86px;height:26px;background:#d7cd968c;border:1px solid rgba(140,130,60,.25);transform:rotate(-3deg)}.note-root .label-row{display:flex;gap:22px;flex-wrap:wrap;font-size:12.5px;color:var(--sub);border-bottom:1.5px solid #E4E1D6;padding-bottom:14px;margin-bottom:16px}.note-root .label-row b{color:var(--ink);font-weight:700}.note-root .label h1{font-size:clamp(30px,6vw,44px);line-height:1.4}.note-root .label h1 .sm{display:block;font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.05em;color:var(--sub);margin-bottom:10px}.note-root .label .underline{background:linear-gradient(var(--hooktore-marker),var(--hooktore-marker));background-repeat:no-repeat;background-size:100% .5em;background-position:0 78%;padding:0 2px}.note-root .cover-sub{max-width:520px;margin-top:22px;color:var(--sub);font-size:14.5px}.note-root .cover-cta{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}.note-root .btn{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;padding:13px 22px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:3px}.note-root .btn-fill{background:var(--ink);color:var(--paper)}.note-root .btn-fill:hover{background:#000}.note-root .btn-line:hover{background:#fff}.note-root .sec-title .no{font-family:Noto Sans JP,sans-serif;font-weight:800;font-size:12px;color:#fff;background:var(--ink);padding:3px 9px;border-radius:2px}.note-root .body-text mark{background:linear-gradient(var(--hooktore-marker),var(--hooktore-marker));background-repeat:no-repeat;background-size:100% .55em;background-position:0 72%;padding:0 1px;color:var(--ink)}.note-root .compare{display:flex;gap:26px;flex-wrap:wrap;margin:8px 0 30px}.note-root .note{flex:1 1 260px;background:#fff;border:1.5px solid #E4E1D6;padding:20px 20px 18px;position:relative;box-shadow:3px 4px #efebdd}.note-root .note.old{transform:rotate(-.8deg)}.note-root .note.new{transform:rotate(.6deg)}.note-root .note h4{font-family:Yomogi,sans-serif;font-size:18px;margin-bottom:12px}.note-root .note.old h4:before{content:"✕ ";color:var(--margin-red)}.note-root .note.new h4:before{content:"○ ";color:var(--matore)}.note-root .note ul{margin:0;padding-left:1.15em;font-size:13.5px;color:var(--ink)}.note-root .note li{margin-bottom:7px}.note-root .note.old li{color:#8a8d86;text-decoration:line-through;text-decoration-color:#c7c4b8}.note-root .menus{display:flex;flex-direction:column;gap:26px;margin:48px 0 20px}.note-root .menu{border:1.5px solid #E4E1D6;background:#fff;position:relative}.note-root .tab{position:absolute;top:-1px;left:22px;transform:translateY(-100%);padding:8px 18px 6px;font-family:Yomogi,sans-serif;font-size:17px;border:1.5px solid #E4E1D6;border-bottom:none;border-radius:6px 6px 0 0;color:#fff}.note-root .menu.m .tab{background:var(--matore)}.note-root .menu.k .tab{background:var(--koetore)}.note-root .menu.h .tab{background:var(--hooktore)}.note-root .menu-inner{padding:30px 26px 26px;display:grid;grid-template-columns:1fr 1.15fr;gap:26px}@media (max-width:680px){.note-root .menu-inner{grid-template-columns:1fr}}.note-root .menu-meta .target{font-size:12.5px;color:var(--sub);margin-bottom:10px}.note-root .menu-meta p{font-size:14px;color:var(--ink);margin:0 0 16px}.note-root .menu-meta .more{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:13.5px;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px}.note-root .menu.m .more{color:var(--matore)}.note-root .menu.k .more{color:var(--koetore)}.note-root .menu.h .more{color:var(--hooktore)}.note-root .checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.note-root .checklist li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px}.note-root .checklist .box{flex-shrink:0;width:16px;height:16px;margin-top:2px;border:1.7px solid var(--ink);border-radius:2px;transform:rotate(-2deg)}.note-root .checklist li:nth-child(2) .box{transform:rotate(1.5deg)}.note-root .checklist li:nth-child(3) .box{transform:rotate(-1deg)}.note-root .checklist b{display:block}.note-root .checklist span.q{color:var(--sub);font-size:12.5px}.note-root .planner{border:1.5px solid #E4E1D6;background:#fff;padding:28px 24px;margin:10px 0 30px}.note-root .plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:20px}@media (max-width:680px){.note-root .plan-grid{grid-template-columns:1fr 1fr}}.note-root .plan-cell{border:1px solid #E9E6DA;padding:16px 14px;position:relative;min-height:150px}.note-root .plan-cell .wk{font-family:Yomogi,sans-serif;font-size:13px;color:var(--sub)}.note-root .plan-cell h5{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:14px;margin:6px 0 8px}.note-root .plan-cell p{font-size:12px;color:var(--sub);margin:0}.note-root .hanko{position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;border:2.5px solid var(--hanko-red);color:var(--hanko-red);display:flex;align-items:center;justify-content:center;font-family:Yomogi,sans-serif;font-size:15px;transform:rotate(-9deg);opacity:.82;mix-blend-mode:multiply}.note-root .ticket{margin:30px 0 20px;border:2px dashed var(--ink);background:#fff;padding:30px 26px;position:relative}.note-root .ticket:before{content:"✂";position:absolute;top:-13px;left:20px;background:var(--paper);padding:0 6px;color:var(--sub);font-size:14px}.note-root .ticket h3{font-size:22px;margin-bottom:10px}.note-root .ticket p{font-size:13.5px;color:var(--sub);margin:0 0 20px;max-width:480px}.note-root .qa.top-faq{margin:10px 0}.note-root .qa.top-faq .qa-q{font-size:16.5px}.note-root .qa.top-faq .qa-q .qc{width:26px;height:26px;font-size:13px}.note-root .qa.top-faq .qa-a{margin:10px 0 0 38px}