*{box-sizing:border-box}body{margin:0;color:#182e43;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:16px;line-height:1.8}header,main,footer{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid #dce4ed}.brand{font-size:30px;font-weight:800;color:#122f4c;text-decoration:none;letter-spacing:-1px}.brand span{font-size:14px;letter-spacing:0;margin-left:18px;font-weight:500}.tag{font-size:13px;color:#52687c}main{padding:40px 32px 24px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#526d89}.intro h1{font-size:42px;line-height:1.45;letter-spacing:.02em;margin:12px 0 16px}.intro>p:last-child{color:#52687c;margin-bottom:32px}.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}article{padding:26px;border:1px solid #dce4ed;border-radius:18px;background:white;display:flex;flex-direction:column;box-shadow:0 5px 20px #18355305}.number{font-size:12px;letter-spacing:1.5px;color:#607386;font-weight:600}.symbol{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--wash);color:var(--accent);font-size:28px;margin:24px 0 10px}.recorder{--accent:#a22f41;--wash:#fcebf0}.excel{--accent:#14624e;--wash:#e6f5ee}.slides{--accent:#265da6;--wash:#eaf1fc}h2{font-size:22px;margin:8px 0}article p{font-size:15px;color:#536579;flex:1;margin:6px 0 24px}.button{display:block;background:var(--accent);color:white;text-align:center;text-decoration:none;border-radius:9px;padding:12px 10px;font-weight:700;font-size:15px}.button:hover{filter:brightness(1.12)}a:focus-visible{outline:3px solid #de8b18;outline-offset:5px}small{font-size:12px;color:#536579;display:block;margin-top:13px}.guide{margin-top:34px;padding:24px 28px;background:#eaf0f7;border-radius:14px}.guide h2{font-size:17px}.guide ul{padding-left:22px;font-size:14px;color:#40566c}.guide p{font-size:14px;color:#40566c;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:16px;padding:24px 32px 32px;font-size:13px;color:#536579}footer a{color:inherit}@media(max-width:800px){.apps{grid-template-columns:1fr}.intro h1{font-size:34px}.intro br{display:none}header{padding:20px}.brand span{display:block;margin:0;font-size:12px}.tag{font-size:12px}main{padding:26px 20px}article{padding:24px}.symbol{margin-top:16px}footer{padding:24px 20px;flex-wrap:wrap}.guide{padding:20px}}
.app-icon{display:block;width:64px;height:64px;border-radius:16px;margin:24px 0 10px}