:root{--text:#20222a;--muted:#68707c;--line:#e8e8ea;--accent:#2563eb;--accent-dark:#1d4ed8;--soft:#f5f8ff;--paper:#fff;--ink:#20222a;--hover-shadow:8px 8px 0 #20222a1f}*{box-sizing:border-box}html{color:var(--text);background:#fff;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}body{background:#fff;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}code{background:var(--soft);color:#33413f;border:1px solid #d7e3e1;border-radius:8px;padding:.12em .4em;font-family:Consolas,Courier New,monospace;font-size:.94em}.site-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#fffffff5;justify-content:space-between;align-items:center;min-height:77px;padding:18px clamp(24px,4vw,56px);display:flex;position:sticky;top:0}.brand,.footer-logo{letter-spacing:0;align-items:center;gap:14px;font-weight:900;display:inline-flex}.brand{font-size:clamp(1.2rem,2vw,1.65rem)}.brand-mark{border:2px solid var(--ink);background:linear-gradient(135deg, #fff 0%, #fff 58%, var(--accent) 58%, var(--accent) 100%);width:36px;height:36px;color:var(--ink);border-radius:10px;place-items:center;font-size:.8rem;font-weight:900;line-height:1;display:inline-grid}.header-actions{align-items:center;gap:20px;font-weight:800;display:flex;position:relative}.header-actions a{padding:8px 0}.header-actions a:hover{color:var(--accent-dark)}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;place-items:center;font-size:1.2rem;display:none}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f7faff 0%,#edf4ff 48%,#fff 100%);min-height:clamp(320px,30vw,460px);position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#ffffffeb 0%,#ffffffb8 37%,#ffffff2e 68%,#fff0 100%);position:absolute;inset:0}.hero-copy{z-index:1;width:min(680px,100% - 48px);margin:0;padding-top:clamp(48px,6vw,82px);padding-left:clamp(28px,4vw,64px);position:relative}.hero-kicker,.section-kicker,.page-kicker{color:var(--accent-dark);margin:0 0 12px;font-size:.86rem;font-weight:900}.hero h1{letter-spacing:0;margin:0;font-size:clamp(1.85rem,2.65vw,2.9rem);font-weight:900;line-height:1.32}.hero p:not(.hero-kicker){color:#2f3741;max-width:600px;margin:18px 0 0;font-size:clamp(.98rem,1.2vw,1.12rem);font-weight:800;line-height:1.85}.button-row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.primary-button{border:2px solid var(--ink);background:var(--ink);color:#fff}.secondary-button,.ghost-button{color:var(--text);background:#fff;border:1px solid #cbd9d6}.ghost-button{color:var(--muted)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.primary-button:disabled{opacity:.48;cursor:default;box-shadow:none;transform:none}.container{width:min(1180px,100% - 48px);margin:0 auto}.section-block{padding:clamp(52px,7vw,88px) 0}.section-head{text-align:center;margin-bottom:32px}.section-title{margin:0;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:900;line-height:1.4}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tool-card{border:2px solid var(--ink);background:#fff;border-radius:14px;align-content:start;gap:12px;min-height:230px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid}.tool-card.is-ready:hover{box-shadow:var(--hover-shadow);transform:translateY(-4px)}.tool-card.is-planned{color:#56606c;border-color:#d5dddc}.tool-category,.tool-status{border-radius:999px;width:fit-content;padding:7px 12px;font-size:.78rem;font-weight:900}.tool-category{background:var(--soft);color:var(--accent-dark)}.tool-status{color:var(--muted);border:1px solid #cbd9d6;align-self:end;margin-top:auto}.is-ready .tool-status{border-color:var(--ink);background:var(--ink);color:#fff}.tool-card h3{margin:4px 0 0;font-size:1.22rem;font-weight:900;line-height:1.45}.tool-card p{color:#48505b;margin:0;font-weight:700;line-height:1.8}.category-section{border-top:1px solid var(--line);background:#f7f8fa;padding:clamp(48px,6vw,78px) 0}.category-tools{padding:clamp(42px,6vw,72px) 0 clamp(64px,8vw,96px)}.category-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.category-list a,.category-list li>span{background:#fff;border:1px solid #cbd9d6;border-radius:14px;gap:8px;min-height:94px;padding:18px;font-weight:900;display:grid}.category-list a:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.category-list small{color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.55}.page-hero{border-bottom:1px solid var(--line);background:#f7f8fa;padding:clamp(34px,5vw,58px) 0 clamp(28px,4vw,42px)}.page-hero-inner,.info-section,.page-content{width:min(920px,100% - 48px);margin:0 auto}.breadcrumb{color:var(--muted);margin:0 0 24px;font-size:.9rem;font-weight:800}.breadcrumb a:hover{color:var(--accent-dark)}.page-hero h1{margin:0;font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:900;line-height:1.36}.page-hero p:not(.page-kicker){color:#48505b;max-width:760px;margin:14px 0 0;font-weight:700;line-height:1.8}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:stretch;gap:28px;padding:clamp(42px,6vw,72px) 0;display:grid}.text-tool-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-panel{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;min-width:0;padding:clamp(22px,3vw,32px);display:flex}.panel-head{margin-bottom:24px}.panel-head h2{margin:0;font-size:1.35rem;font-weight:900}.panel-head p{color:var(--muted);overflow-wrap:anywhere;margin:9px 0 0;font-weight:700;line-height:1.7}.field-label{margin-bottom:9px;font-weight:900;display:block}.tool-textarea{border:2px solid var(--ink);width:100%;min-height:260px;color:var(--text);resize:vertical;background:#fff;border-radius:14px;outline:none;padding:16px 18px;font-family:Consolas,Courier New,Yu Gothic,Meiryo,monospace;font-size:.98rem;font-weight:700;line-height:1.75}.result-textarea{background:#fbfdff;flex:1;min-height:320px}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.input-row input{border:2px solid var(--ink);width:100%;min-width:0;min-height:58px;color:var(--text);background:#fff;border-radius:14px;outline:none;padding:0 18px;font-weight:800}.form-grid{gap:18px;margin-top:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field-label input,.field-label select{border:2px solid var(--ink);width:100%;min-height:54px;color:var(--text);background:#fff;border-radius:14px;outline:none;margin-top:9px;padding:0 16px;font-weight:800;display:block}.field-label select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.input-row input:focus,.field-label input:focus,.field-label select:focus,.tool-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 5px #2563eb26}.segmented-control{background:#f7f9fc;border:1px solid #cbd9d6;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:6px;display:grid}.segmented-control label{min-width:0}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{min-height:44px;color:var(--muted);text-align:center;cursor:pointer;border-radius:11px;place-items:center;padding:0 12px;font-weight:900;display:grid}.segmented-control input:checked+span{background:var(--ink);color:#fff}.segmented-control input:focus-visible+span{outline-offset:2px;outline:3px solid #2563eb40}.date-mode-panel{gap:18px;display:grid}.date-mode-panel.is-hidden{display:none}.field-help{color:var(--muted);margin:-2px 0 0;font-size:.94rem;font-weight:700;line-height:1.7}.check-option{cursor:pointer;align-items:center;gap:10px;width:fit-content;min-height:44px;font-weight:900;display:inline-flex}.check-option input{width:20px;height:20px;accent-color:var(--accent)}.option-align-end{align-self:end}.counting-control{background:#fbfdff;border:1px solid #dbe4ee;border-radius:14px;grid-template-columns:1fr;align-self:end;gap:8px;margin:0;padding:12px;display:grid}.counting-control legend{grid-column:1/-1;margin-bottom:9px;padding:0;font-weight:900}.counting-control label{min-width:0}.counting-control input{opacity:0;pointer-events:none;position:absolute}.counting-control span{min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:900;display:flex}.counting-control span:before{content:"";background:#fff;border:2px solid #9aa8b8;border-radius:999px;flex:none;width:16px;height:16px;display:inline-block}.counting-control input:checked+span{background:var(--soft);color:var(--text);border-color:#bfdbfe}.counting-control input:checked+span:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px #fff}.counting-control input:focus-visible+span{border-color:var(--accent);box-shadow:0 0 0 5px #2563eb26}.text-options{gap:12px;margin-top:24px;display:grid}.text-options h3{margin:0;font-size:1.05rem;font-weight:900}.option-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:2px;display:grid}.option-list .check-option{border-bottom:1px solid var(--line);width:100%;min-height:46px}.option-list .check-option:last-child{border-bottom:0}.output-control{background:#fbfdff;border:1px solid #dbe4ee;border-radius:14px;grid-template-columns:1fr;gap:8px;margin:24px 0 0;padding:12px;display:grid}.compact-control{margin-top:0}.output-control legend{grid-column:1/-1;margin-bottom:9px;padding:0;font-weight:900}.output-control label{min-width:0}.output-control input{opacity:0;pointer-events:none;position:absolute}.output-control span{min-height:42px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:900;display:flex}.output-control span:before{content:"";background:#fff;border:2px solid #9aa8b8;border-radius:999px;flex:none;width:16px;height:16px;display:inline-block}.output-control input:checked+span{background:var(--soft);color:var(--text);border-color:#bfdbfe}.output-control input:checked+span:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px #fff}.output-control input:focus-visible+span{border-color:var(--accent);box-shadow:0 0 0 5px #2563eb26}.text-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.text-stats div{border-top:1px solid var(--line);min-width:0;padding-top:10px}.text-stats dt{color:var(--muted);font-size:.78rem;font-weight:900}.text-stats dd{color:var(--text);margin:4px 0 0;font-size:1.08rem;font-weight:900}.detail-list{gap:10px;margin-top:4px;display:grid}.detail-item{background:#fbfdff;border:1px solid #dbe4ee;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.detail-item strong{color:var(--text);font-size:.95rem;font-weight:900}.detail-item span{color:var(--muted);font-size:.92rem;font-weight:800;line-height:1.65}.error-message,.copy-status{color:#b42318;min-height:1.7em;margin:12px 0 0;font-weight:800;line-height:1.7}.copy-status{color:var(--accent-dark)}.result-list{flex:1;align-content:start;gap:12px;display:grid}.result-row{background:#fff;border:1px solid #cbd9d6;border-radius:14px;grid-template-columns:minmax(96px,140px) minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;padding:12px 16px;display:grid}.result-row span{color:var(--muted);font-size:.88rem;font-weight:900}.result-row strong{min-width:0;color:var(--text);overflow-wrap:anywhere;text-align:right;font-size:clamp(1.08rem,2vw,1.4rem);font-weight:900}.row-copy-button{min-height:38px;color:var(--accent-dark);cursor:pointer;background:#fff;border:1px solid #c8d8e8;border-radius:999px;padding:0 16px;font-weight:900}.row-copy-button:hover{border-color:var(--accent);background:#eef6ff}.empty-result{color:var(--muted);border:1px dashed #cbd9d6;border-radius:14px;margin:0;padding:22px;font-weight:800;line-height:1.8}.copy-button{width:100%;margin-top:20px}.info-section{gap:22px;padding:0 0 clamp(58px,7vw,92px);display:grid}.related-tools{padding:0 0 clamp(58px,7vw,92px)}.related-head{border-top:1px solid var(--line);margin-bottom:24px;padding-top:24px}.related-head .section-title{font-size:clamp(1.3rem,1.8vw,1.7rem)}.related-head p:not(.section-kicker){max-width:720px;color:var(--muted);margin:10px 0 0;font-weight:700;line-height:1.8}.related-head a{color:var(--accent-dark);font-weight:900}.related-head a:hover{text-decoration:underline}.info-block{border-top:1px solid var(--line);padding-top:24px}.info-block h2{margin:0 0 12px;font-size:1.22rem;font-weight:900}.info-block ul{margin:0;padding-left:1.25em}.info-block li{color:#48505b;font-weight:700;line-height:1.95}.page-content{padding:clamp(42px,6vw,72px) 0 clamp(58px,7vw,92px)}.policy-section,.contact-card,.sitemap-group{border-top:1px solid var(--line);padding-top:24px}.policy-section+.policy-section,.sitemap-group+.sitemap-group{margin-top:30px}.policy-section h2,.contact-card h2,.sitemap-group h2{margin:0 0 12px;font-size:1.22rem;font-weight:900}.policy-section p,.policy-section li,.contact-card p,.sitemap-group li{color:#48505b;font-weight:700;line-height:1.95}.policy-section p{margin:0}.policy-section ul,.sitemap-group ul{margin:0;padding-left:1.25em}.contact-form{gap:18px;margin-top:24px;display:grid}.contact-form label{gap:8px;font-weight:900;display:grid}.contact-form input,.contact-form textarea{border:2px solid var(--ink);width:100%;color:var(--text);font:inherit;border-radius:14px;outline:none;padding:14px 16px;font-weight:700}.contact-form textarea{resize:vertical;min-height:180px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 5px #2563eb26}.contact-note,.contact-status{color:var(--muted);margin:0;font-size:.94rem;font-weight:700;line-height:1.8}.sitemap-link-list a{color:var(--accent-dark);font-weight:900}.sitemap-link-list a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:#fff;background:#101218;padding:72px 24px 38px}.footer-inner{grid-template-columns:minmax(0,1.35fr) minmax(180px,.75fr) minmax(180px,.75fr);gap:56px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.footer-logo{font-size:1.35rem}.footer-logo .brand-mark{color:#fff;border-color:#fff}.footer-copy{color:#ffffffad;max-width:420px;margin:24px 0 0;font-size:.92rem;font-weight:700;line-height:2.05}.footer-column h2{margin:0 0 18px;font-size:.95rem;font-weight:900}.footer-column ul{color:#ffffffad;gap:13px;margin:0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:grid}.footer-column a:hover{color:#fff}.footer-bottom{color:#ffffff94;text-align:center;border-top:1px solid #ffffff24;width:min(1180px,100% - 48px);margin:48px auto 0;padding-top:26px;font-size:.85rem;font-weight:700}@media (width<=980px){.site-header{min-height:66px}.header-actions a{display:none}.header-actions.is-open{border:1px solid var(--line);background:#fff;border-radius:16px;gap:0;width:min(270px,100vw - 36px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:18px;box-shadow:0 18px 40px #20222a24}.header-actions.is-open a{border-radius:10px;padding:13px 14px;display:block}.header-actions.is-open a:hover{background:var(--soft)}.menu-button{display:inline-grid}.header-actions.is-open .menu-button{order:-1;justify-self:end;margin-bottom:4px}.tool-grid,.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout,.text-tool-layout{grid-template-columns:1fr}.result-panel{position:static}}@media (width<=620px){.site-header{min-height:58px;padding:13px 18px}.brand{gap:10px;font-size:1.08rem}.brand-mark{border-radius:8px;width:31px;height:31px;font-size:.72rem}.hero{min-height:380px}.hero img{object-position:68% center}.hero:after{background:linear-gradient(90deg,#fffffff0 0%,#ffffffd6 58%,#ffffff57 100%)}.hero-copy{width:min(100% - 36px,420px);padding-top:36px;padding-left:18px}.hero h1{overflow-wrap:anywhere;font-size:1.72rem;line-height:1.42}.hero p:not(.hero-kicker){font-size:.95rem}.button-row{display:grid}.tool-grid,.category-list,.footer-inner{grid-template-columns:1fr}.container,.page-hero-inner,.info-section,.page-content,.footer-inner,.footer-bottom{width:min(100% - 36px,1180px)}.input-row,.two-columns,.segmented-control,.counting-control,.output-control{grid-template-columns:1fr}.text-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.option-align-end{align-self:start}.result-row{grid-template-columns:1fr}.result-row strong{text-align:left}}