:root{--ink:#07182f;--navy:#0b2d57;--blue:#176fe5;--cyan:#55cdf1;--ice:#eef8ff;--line:#dce8f1;--muted:#62768b;--green:#159b74;--orange:#d99635;--red:#dc5b66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}.an a{color:inherit;text-decoration:none}.an-header{height:76px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.an-logo{display:flex;align-items:center;gap:10px;font:800 17px Arial;letter-spacing:.08em}.an-logo strong{color:var(--blue)}.an-logo small{display:block;margin-top:4px;color:#879aab;font:700 6px Arial;letter-spacing:.18em}.an-logo>i{width:29px;height:30px;display:flex;align-items:flex-end;gap:3px}.an-logo>i b{width:7px;border-radius:2px;background:linear-gradient(#65d3f3,#176fe5);transform:skewY(-25deg)}.an-logo>i b:nth-child(1){height:20px}.an-logo>i b:nth-child(2){height:28px}.an-logo>i b:nth-child(3){height:23px}.an-header nav{display:flex;align-items:center;gap:26px;font-size:10px;font-weight:800}.an-cta{padding:12px 18px;border-radius:30px;background:var(--ink);color:#fff!important}.an-kicker{margin:0 0 18px;color:var(--blue);font:800 9px Arial;letter-spacing:.24em}.an-hero{max-width:1280px;min-height:700px;margin:auto;padding:75px 6%;display:grid;grid-template-columns:.87fr 1.13fr;gap:62px;align-items:center;border-radius:0 0 36px 36px;overflow:hidden;background:radial-gradient(circle at 90% 0,#79d5fa44,transparent 24%),linear-gradient(125deg,#fbfdff,#e9f7ff)}.an-hero h1{margin:0;font-size:clamp(37px,4.05vw,56px);line-height:1.5;letter-spacing:-.04em}.an-hero h1 em,.an-question em{color:var(--blue);font-style:normal}.an-hero>div:first-child>p:not(.an-kicker){color:var(--muted);font-size:13px;line-height:2}.an-actions{display:flex;align-items:center;gap:18px;margin-top:27px}.an-actions>a{padding:15px 20px;border-radius:35px;background:var(--ink);color:#fff;font-size:10px;font-weight:800}.an-actions>a b{margin-left:26px;color:#62d7f6}.an-actions>span{color:#5e7488;font-size:8px;font-weight:800}.an-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.an-points span{padding:7px 10px;border-radius:20px;background:#fff;color:#587187;font-size:7px;font-weight:800}.an-points span:before{content:"✓";margin-right:5px;color:var(--blue)}.an-main-demo{height:500px;position:relative;border:7px solid #06162a;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 30px 70px #173f602b}.an-demo{position:absolute;right:12px;top:11px;z-index:3;padding:5px 8px;border-radius:4px;background:#0d2a51;color:#fff;font:800 7px Arial;letter-spacing:.15em}.an-window-top{height:41px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2eaf0;color:#8496a7;font-size:7px}.an-window-top b{color:var(--blue);font:800 8px Arial}.an-main-demo>section{padding:22px}.an-main-demo small{color:var(--blue);font:800 6px Arial;letter-spacing:.15em}.an-main-demo h2{font-size:15px;margin:5px 0 10px}.an-hours{display:grid;grid-template-columns:35px repeat(7,1fr);gap:5px;color:#8192a3;font-size:6px;text-align:center}.an-heatmap{display:grid;grid-template-columns:35px repeat(7,1fr);gap:5px;margin-top:6px}.an-heatmap b{display:grid;place-items:center;font-size:6px}.an-heatmap i,.an-miniheat i{height:24px;border-radius:4px}.l0{background:#edf7fc}.l1{background:#d4edfa}.l2{background:#9fdcf5}.l3{background:#4eb4ea}.l4{background:#176fe2}.an-insight{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px;border-radius:7px;background:#f0f7fb;font-size:7px}.an-insight b{color:var(--blue)}.an-insight em{margin-left:auto;padding:6px 8px;border-radius:14px;background:#e2f6ee;color:var(--green);font-style:normal}.an-question{max-width:1020px;margin:auto;padding:120px 24px;text-align:center}.an-question p{color:var(--muted);font-size:11px;line-height:2}.an-question h2{font-size:clamp(31px,3.5vw,46px);line-height:1.6}.an-heat{padding:115px 24px;background:#f3f9fd}.an-head{max-width:1080px;margin:0 auto 50px;text-align:center}.an-head h2{margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.55}.an-head>p:last-child{color:var(--muted);font-size:11px;line-height:2}.an-heat-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.an-heat-grid>article{min-height:385px;padding:35px;border:1px solid var(--line);border-radius:18px;background:#fff}.an-heat-grid>article>span{color:var(--blue);font:800 8px Arial;letter-spacing:.15em}.an-heat-grid h3{font-size:22px;margin:20px 0 12px}.an-heat-grid>article>p{color:var(--muted);font-size:10px;line-height:2}.an-miniheat{max-width:360px;margin-top:24px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.an-miniheat i{height:auto;aspect-ratio:1}.an-line{height:125px;margin-top:25px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line)}.an-line i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#65cef0,#176fe5)}.an-line i:nth-child(1){height:55%}.an-line i:nth-child(2){height:30%}.an-line i:nth-child(3){height:45%}.an-line i:nth-child(4){height:80%}.an-line i:nth-child(5){height:95%}.an-line i:nth-child(6){height:62%}.an-line i:nth-child(7){height:38%}.an-period{display:flex;gap:7px;flex-wrap:wrap;margin-top:35px}.an-period b{padding:10px 14px;border:1px solid var(--line);border-radius:7px;font-size:8px}.an-period .active{background:var(--blue);color:#fff}.an-period span{width:100%;margin-top:18px;color:#6d8194;font-size:9px}.an-compare{margin-top:30px;padding:20px;border-radius:12px;background:#f1f7fb}.an-compare span{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:8px}.an-compare b{font:800 17px Arial}.an-compare strong{display:block;margin-top:15px;color:var(--orange);font-size:10px}.an-staffing{max-width:1100px;margin:auto;padding:120px 24px;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.an-staffing h2{font-size:37px;line-height:1.55}.an-staffing>div:first-child>p:not(.an-kicker){color:var(--muted);font-size:11px;line-height:2}.an-match{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:25px}.an-match article{padding:14px;border:1px solid var(--line);border-radius:9px}.an-match article span,.an-match article b{display:block}.an-match article span{color:#778a9b;font-size:7px}.an-match article b{margin-top:7px;font-size:10px}.an-match>i{font-style:normal;color:var(--blue)}.an-match>strong{grid-column:1/-1;padding:9px;border-radius:7px;background:#e3f6ef;color:var(--green);text-align:center;font-size:8px}.an-staffing>div:first-child>a{display:inline-block;margin-top:20px;padding:12px 16px;border-radius:25px;background:var(--ink);color:#fff;font-size:8px;font-weight:800}.an-shift-demo{min-height:440px;padding:35px;position:relative;border:7px solid #08203d;border-radius:22px;background:#fff;box-shadow:0 26px 58px #173d5d20}.an-shift-demo>small{color:var(--blue);font:800 7px Arial}.an-shift-demo h3{font-size:19px}.an-shift{display:grid;grid-template-columns:.6fr .8fr 1.5fr;align-items:center;padding:14px;border-top:1px solid var(--line);font-size:8px}.an-shift span{justify-self:start;padding:6px 8px;border-radius:14px}.an-shift .enough{background:#e4f6ef;color:var(--green)}.an-shift .short{background:#fff1e5;color:var(--orange)}.an-shift .over{background:#edf3f7;color:#647a8e}.an-shift em{text-align:right;color:#63788c;font-style:normal}.an-shift-demo blockquote{margin:20px 0 0;padding:15px;border:0;border-radius:8px;background:#eaf7ff;color:var(--blue);font-size:9px;line-height:1.8}.an-ranking{padding:115px 24px;background:#f3f9fd}.an-table{max-width:1080px;margin:auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.an-table>div{display:grid;grid-template-columns:1.1fr repeat(5,1fr);padding:15px 20px;border-top:1px solid var(--line);font-size:8px}.an-table>div:first-child{border-top:0}.an-table .head{background:#eaf4fa;color:#718497;font-size:7px}.an-table strong{color:var(--blue)}.an-note{max-width:1080px;margin:15px auto 0;color:#788a9b;font-size:8px}.an-actions-section{padding:110px 24px}.an-action-grid{max-width:1060px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.an-action-grid article{min-height:170px;padding:24px;border:1px solid var(--line);border-radius:14px}.an-action-grid b{color:var(--blue);font:800 9px Arial}.an-action-grid h3{margin-top:28px;font-size:14px}.an-action-grid p{color:var(--muted);font-size:8px}.an-actions-section>a{display:block;width:max-content;margin:35px auto 0;padding:13px 18px;border-radius:28px;background:var(--ink);color:#fff;font-size:8px;font-weight:800}.an-faq{max-width:1040px;margin:auto;padding:115px 24px;display:grid;grid-template-columns:.3fr .7fr;gap:75px}.an-faq h2{font-size:35px}.an-faq details{padding:20px 0;border-top:1px solid var(--line)}.an-faq details:last-child{border-bottom:1px solid var(--line)}.an-faq summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:11px;font-weight:800}.an-faq summary b{color:var(--blue)}.an-faq details p{padding-right:30px;color:var(--muted);font-size:10px;line-height:1.9}.an-closing{max-width:1150px;margin:0 auto 70px;padding:80px 24px;text-align:center;border-radius:27px;background:radial-gradient(circle at 80% 0,#65cdf655,transparent 28%),linear-gradient(135deg,#ebf8ff,#d8f1ff)}.an-closing h2{font-size:39px;line-height:1.5}.an-closing>p:not(.an-kicker){color:var(--muted);font-size:11px}.an-closing>a{display:inline-block;margin-top:20px;padding:15px 22px;border-radius:35px;background:var(--ink);color:#fff;font-size:10px;font-weight:800}.an-closing>a b{margin-left:28px;color:#60d5f5}.an-closing>div{display:flex;justify-content:center;gap:16px;margin-top:22px;color:#5f768b;font-size:8px;font-weight:800}.an-closing>div span:before{content:"✓";margin-right:5px;color:var(--blue)}.an-footer{max-width:1100px;margin:auto;padding:32px 0 48px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:8px}.an-footer>a:nth-of-type(2){margin-left:auto}.an-footer small{color:#8193a4}@media(max-width:900px){.an-header{height:68px;padding:0 18px}.an-header nav>a:not(.an-cta){display:none}.an-hero{grid-template-columns:1fr;padding:60px 24px}.an-main-demo{height:500px}.an-heat-grid,.an-staffing,.an-faq{grid-template-columns:1fr;gap:45px}.an-action-grid{grid-template-columns:1fr 1fr}.an-footer{margin:0 18px;flex-wrap:wrap}.an-footer>a:nth-of-type(2){margin-left:0}}@media(max-width:560px){.an-logo{font-size:14px}.an-hero h1{font-size:33px}.an-actions{align-items:flex-start;flex-direction:column}.an-main-demo{height:425px;border-width:5px}.an-main-demo>section{padding:16px 10px}.an-heatmap i{height:19px}.an-insight em{display:none}.an-question,.an-heat,.an-staffing,.an-ranking,.an-actions-section,.an-faq{padding:80px 20px}.an-question h2,.an-head h2,.an-staffing h2{font-size:29px}.an-heat-grid>article{min-height:355px;padding:27px}.an-heat-grid h3{font-size:20px}.an-table{overflow-x:auto}.an-table>div{min-width:680px}.an-action-grid{grid-template-columns:1fr}.an-faq{grid-template-columns:1fr}.an-closing{margin:0 18px 48px;padding:60px 18px}.an-closing h2{font-size:28px}.an-closing>div{flex-wrap:wrap}.an-footer .an-logo{width:100%}}
