:root{--yt-ink:#171717;--yt-paper:#fbfaf6;--yt-yellow:#ffd84d;--yt-blue:#85c9ff;--yt-pink:#ff9fc3;--yt-green:#afe67a;--yt-orange:#ff9f43;--yt-lav:#c9b5ff;--yt-line:2px solid var(--yt-ink);--yt-shadow:5px 5px 0 var(--yt-ink)}
*{box-sizing:border-box}.ytools-home,.ytools-directory,.ytools-single-wrap,.ytools-archive-wrap{max-width:1180px;margin:0 auto;padding:26px 20px 70px;color:var(--yt-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.ytools-home a,.ytools-directory a,.ytools-single-wrap a,.ytools-archive-wrap a{text-decoration:none}.ytools-hero{min-height:540px;border:var(--yt-line);border-radius:32px;background:var(--yt-paper);box-shadow:9px 9px 0 var(--yt-ink);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;position:relative}.ytools-hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--yt-yellow);right:-80px;top:-90px;opacity:.82}.ytools-hero-copy{padding:62px 56px;position:relative;z-index:2}.ytools-kicker,.ytools-eyebrow,.ytools-section-head span,.ytools-archive-head>span{font-size:12px;letter-spacing:.18em;font-weight:900}.ytools-hero h1{font-size:clamp(52px,8vw,94px);line-height:.9;letter-spacing:-.06em;margin:14px 0 20px}.ytools-tagline{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.15;margin:0 0 10px}.ytools-subcopy{font-size:15px;color:#595959;margin:0 0 28px}.ytools-searchbox{min-height:62px;border:var(--yt-line);border-radius:18px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 18px;box-shadow:4px 4px 0 var(--yt-ink)}.ytools-searchbox span{font-size:28px;font-weight:900}.ytools-searchbox input{border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;width:100%;font-size:17px;padding:16px 0!important;color:var(--yt-ink)}.ytools-hero-art{display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:1;padding:22px 24px 0}.ytools-hero-art img{width:100%;height:100%;max-height:520px;object-fit:contain;object-position:center bottom}.ytools-art-placeholder{flex-direction:column;gap:8px}.ytools-art-placeholder span{font-size:140px}.ytools-art-placeholder small{font-weight:700}.ytools-progress{margin:54px 0 16px;border:var(--yt-line);border-radius:24px;padding:24px;background:#fff}.ytools-progress>div:first-child{display:flex;align-items:flex-end;gap:10px}.ytools-progress strong{font-size:44px;line-height:1}.ytools-progress span{font-weight:900}.ytools-progress p{margin:10px 0 0;color:#666}.ytools-progress-track{height:12px;background:#ececec;border:2px solid var(--yt-ink);border-radius:999px;overflow:hidden;margin-top:16px}.ytools-progress-track i{display:block;height:100%;background:var(--yt-yellow)}.ytools-section{padding:60px 0 0}.ytools-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.ytools-section-head h2,.ytools-content-section h2{font-size:clamp(28px,4vw,42px);margin:5px 0 0;letter-spacing:-.04em}.ytools-section-head a{font-weight:800;color:var(--yt-ink)}.ytools-grid{display:grid;gap:18px}.ytools-grid-4{grid-template-columns:repeat(4,1fr)}.ytools-grid-3{grid-template-columns:repeat(3,1fr)}.ytools-card{border:var(--yt-line);border-radius:22px;padding:22px;min-height:220px;color:var(--yt-ink);display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--yt-ink);transition:transform .16s ease,box-shadow .16s ease;background:#fff}.ytools-card:hover{transform:translate(-2px,-3px);box-shadow:7px 8px 0 var(--yt-ink)}.ytools-card.accent-yellow{background:#fff8cd}.ytools-card.accent-blue{background:#e7f5ff}.ytools-card.accent-pink{background:#ffe9f1}.ytools-card.accent-green{background:#efffdc}.ytools-card.accent-orange{background:#fff0de}.ytools-card.accent-lavender{background:#f1ecff}.ytools-card-top{display:flex;align-items:start;justify-content:space-between}.ytools-card-icon{font-size:34px}.ytools-badge{border:2px solid var(--yt-ink);border-radius:999px;padding:3px 9px;background:#fff;font-size:11px;font-weight:900}.ytools-card h3{font-size:21px;line-height:1.25;margin:24px 0 8px}.ytools-card p{color:#5d5d5d;font-size:13px;line-height:1.7;margin:0 0 18px}.ytools-arrow{margin-top:auto;font-size:13px;font-weight:900}.ytools-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ytools-cat{border:var(--yt-line);border-radius:20px;background:#fff;color:var(--yt-ink);padding:20px;display:flex;flex-direction:column;gap:7px;box-shadow:3px 3px 0 var(--yt-ink)}.ytools-cat b{font-size:27px}.ytools-cat span{font-weight:900}.ytools-cat small{color:#777}.ytools-ad{margin:50px 0;min-height:90px;text-align:center}.ytools-ad-empty{border:1px dashed #c9c9c9;color:#aaa;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.2em}.ytools-search-results{display:none;margin-top:12px;background:#fff;border:var(--yt-line);border-radius:16px;padding:10px;position:relative;z-index:8}.ytools-search-results.is-open{display:block}.ytools-search-result{display:flex;justify-content:space-between;gap:16px;padding:12px 10px;border-bottom:1px solid #eee;color:var(--yt-ink);font-weight:800}.ytools-search-result:last-child{border:0}.ytools-search-result small{color:#777;font-weight:500}.ytools-directory-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.ytools-directory-top .ytools-searchbox{width:min(500px,100%)}.ytools-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin:8px 0 30px}.ytools-breadcrumb a{color:#555}.ytools-tool-head{display:flex;align-items:center;gap:20px;margin-bottom:26px}.ytools-tool-bigicon{width:78px;height:78px;display:grid;place-items:center;border:var(--yt-line);border-radius:22px;background:var(--yt-yellow);font-size:38px;box-shadow:4px 4px 0 var(--yt-ink)}.ytools-tool-head h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;margin:0}.ytools-tool-head p{color:#666;margin:5px 0 0}.ytools-tool-shell{border:var(--yt-line);border-radius:28px;background:#fff;box-shadow:6px 6px 0 var(--yt-ink);padding:clamp(18px,4vw,38px);overflow:hidden}.ytools-empty-tool{padding:70px 20px;text-align:center;color:#777}.ytools-content-section{padding:58px 0 0;max-width:900px}.ytools-steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:14px}.ytools-steps li{position:relative;padding:18px 18px 18px 64px;border:var(--yt-line);border-radius:18px;background:#fff}.ytools-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:16px;top:13px;width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--yt-ink);border-radius:50%;background:var(--yt-yellow);font-weight:900}.ytools-article{font-size:16px;line-height:1.9}.ytools-faq{display:grid;gap:10px}.ytools-faq details{border:var(--yt-line);border-radius:16px;background:#fff;padding:0 18px}.ytools-faq summary{padding:18px 0;font-weight:900;cursor:pointer}.ytools-faq details div{padding:0 0 16px;color:#555}.ytools-archive-head{padding:50px 0 22px}.ytools-archive-head h1{font-size:clamp(42px,6vw,72px);margin:8px 0}.ytools-archive-search{max-width:680px;margin-bottom:28px}.ytools-pagination{margin-top:30px}.ytools-pagination .nav-links{display:flex;gap:8px}.ytools-pagination a,.ytools-pagination .current{border:2px solid var(--yt-ink);padding:8px 12px;border-radius:10px;color:var(--yt-ink)}.ytools-pagination .current{background:var(--yt-yellow)}
@media(max-width:900px){.ytools-hero{grid-template-columns:1fr;min-height:auto}.ytools-hero-copy{padding:42px 26px 16px}.ytools-hero-art{height:350px}.ytools-grid-4,.ytools-grid-3{grid-template-columns:repeat(2,1fr)}.ytools-cats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.ytools-home,.ytools-directory,.ytools-single-wrap,.ytools-archive-wrap{padding-left:14px;padding-right:14px}.ytools-hero{border-radius:24px;box-shadow:5px 5px 0 var(--yt-ink)}.ytools-hero-copy{padding:32px 20px 10px}.ytools-hero h1{font-size:48px}.ytools-tagline{font-size:28px}.ytools-searchbox{min-height:56px;border-radius:15px}.ytools-searchbox input{font-size:15px}.ytools-hero-art{height:300px;padding-top:0}.ytools-progress{margin-top:34px}.ytools-grid-4,.ytools-grid-3{grid-template-columns:1fr}.ytools-cats{grid-template-columns:repeat(2,1fr)}.ytools-card{min-height:175px}.ytools-section{padding-top:45px}.ytools-section-head{align-items:start}.ytools-section-head>a{display:none}.ytools-directory-top{display:block}.ytools-directory-top .ytools-searchbox{margin-top:16px}.ytools-tool-head{align-items:flex-start}.ytools-tool-bigicon{width:62px;height:62px;font-size:30px;flex:0 0 62px}.ytools-tool-shell{padding:16px;border-radius:20px}.ytools-cats{gap:10px}.ytools-cat{padding:15px}.ytools-progress strong{font-size:36px}}
.ytools-quicklinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ytools-quicklinks a{display:inline-flex;align-items:center;border:2px solid var(--yt-ink);border-radius:999px;padding:7px 11px;background:#fff;color:var(--yt-ink);font-size:12px;font-weight:900}.ytools-today .ytools-card-wide{min-height:180px;max-width:none;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"top title arrow" "top desc arrow";align-items:center;column-gap:22px}.ytools-card-wide .ytools-card-top{grid-area:top;display:flex;flex-direction:column;gap:10px}.ytools-card-wide h3{grid-area:title;margin:0;font-size:28px}.ytools-card-wide p{grid-area:desc;margin:6px 0 0;font-size:15px}.ytools-card-wide .ytools-arrow{grid-area:arrow;margin:0;font-size:15px}.ytools-request{margin:64px 0 0;border:var(--yt-line);border-radius:26px;background:var(--yt-orange);box-shadow:5px 5px 0 var(--yt-ink);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.ytools-request small{font-size:11px;letter-spacing:.16em;font-weight:900}.ytools-request h2{font-size:clamp(26px,4vw,40px);margin:4px 0 8px}.ytools-request p{margin:0}.ytools-request a{border:var(--yt-line);border-radius:999px;background:#fff;color:var(--yt-ink);font-weight:900;padding:14px 18px;white-space:nowrap;box-shadow:3px 3px 0 var(--yt-ink)}
@media(max-width:700px){.ytools-today .ytools-card-wide{display:flex;min-height:190px}.ytools-card-wide .ytools-card-top{flex-direction:row;width:100%}.ytools-card-wide h3{font-size:23px}.ytools-request{align-items:flex-start;flex-direction:column}.ytools-request a{width:100%;text-align:center}.ytools-quicklinks{margin-bottom:8px}}