*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#222;background:#f5f6f8}header{height:58px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}a{color:#185abc;text-decoration:none}main{width:min(1100px,92vw);margin:36px auto 80px}.narrow{width:min(620px,92vw)}h1{font-size:28px;margin:0 0 24px}h2{font-size:19px}.card,.notice{background:#fff;border:1px solid #ddd;border-radius:10px;padding:22px;margin:18px 0}.notice{border-color:#9cc2ff}.title-row,.copyrow,.inline-form,.row{display:flex;gap:14px;align-items:center}.title-row{justify-content:space-between}.project{display:flex;justify-content:space-between;align-items:center;color:#222}.project small,.row small{display:block;color:#777;margin-top:5px}label{display:block;font-weight:600;margin:14px 0}input[type=text],input[type=password],input[type=date],input[type=file],input:not([type]){width:100%;padding:11px;border:1px solid #bbb;border-radius:6px;font-size:16px;margin-top:6px}button,.button{border:0;background:#185abc;color:#fff;padding:10px 16px;border-radius:6px;font-size:15px;cursor:pointer;display:inline-block}.secondary{background:#fff;color:#185abc;border:1px solid #9ab5df}.inline-form label{flex:1}.inline-form button{margin-top:22px}.row{background:#fff;border-bottom:1px solid #ddd;padding:15px;justify-content:space-between}.row>div:first-child{flex:1}.status{padding:5px 9px;border-radius:999px;background:#eee;font-size:13px}.status.signed{background:#e4f5e9;color:#166b2d}.hint{font-weight:400;color:#777;font-size:13px}.error{background:#fee;border:1px solid #e99;padding:12px;border-radius:6px}.pdfbox{height:70vh;background:#ddd;border:1px solid #bbb;margin:18px 0}.pdfbox iframe{width:100%;height:100%;border:0}.signform{max-width:760px;margin:24px auto}.signform input[type=text],.signform input[type=email],.signform input[name=address],.signform input[name=name]{width:100%;padding:12px;font-size:17px}canvas{width:100%;height:auto;aspect-ratio:700/220;border:2px solid #999;border-radius:6px;background:#fff;touch-action:none}.sig-actions{text-align:right;margin-top:8px}.check{font-weight:500;display:flex;gap:9px;align-items:flex-start}.big{width:100%;padding:15px;font-size:17px;margin-top:10px}.complete{text-align:center;background:#fff;padding:45px;border-radius:12px;margin-top:12vh}@media(max-width:700px){.inline-form,.title-row{display:block}.project{gap:12px}.pdfbox{height:60vh}.row{align-items:flex-start;flex-wrap:wrap}.row>div:first-child{flex-basis:100%}}.signform input[type="email"]{width:100%;padding:12px;font-size:17px;box-sizing:border-box;display:block}