*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#233d56;font-family:Noto Sans JP,Noto Sans CJK JP,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button{min-height:44px;border:1px solid #b7c9d9;background:#fff;border-radius:8px;padding:10px 16px;color:#245885;cursor:pointer}button:hover{background:#edf4fc}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:#1468ad;border-color:#1468ad;color:#fff}.primary:hover{background:#105a99}input,select,textarea{width:100%;padding:12px;border:1px solid #aebfd0;border-radius:7px;background:#fff;min-height:48px;color:#233d56}label{display:grid;gap:6px;margin:14px 0;font-weight:600}textarea{resize:vertical}h1{font-size:26px;line-height:1.45;margin:16px 0}h2{font-size:20px;line-height:1.5;margin:0 0 12px}h3{font-size:18px}p{margin:10px 0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:#fff;border-bottom:1px solid #d4dfe9}header div{display:flex;align-items:center;gap:18px}header strong{font-size:26px;color:#1269ac}header span{font-weight:700}main{max-width:1200px;margin:auto;padding:24px 24px 110px}.panel{background:#fff;border:1px solid #d7e1eb;border-radius:10px;padding:24px;margin:20px 0}.login{max-width:480px;margin:40px auto}.text{border:0;background:transparent;text-decoration:underline;padding:8px;min-height:44px}.toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.toolbar label{min-width:180px}.toolbar span{margin-left:auto;padding:10px}.job-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.job{display:block;text-align:left;background:#fff;padding:24px;border:1px solid #cad8e5;border-radius:10px;width:100%}.job>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.job h2{margin-top:16px}.badge{display:inline-block;color:#235f8b;background:#eaf3fc;border:1px solid #c4d9ed;padding:4px 10px;border-radius:6px;font-size:14px}.job small{font-size:13px;color:#61778a}.next{background:#f5f8fc;border:1px solid #e0e8ef;padding:12px;border-radius:7px}.link{color:#1468ad;text-decoration:underline}.notice{border:1px solid #bdd6ea;background:#edf6fd;border-radius:9px;padding:20px;margin:20px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-grid .panel{margin:0}.copy{white-space:pre-wrap;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:130px 1fr;gap:12px}dt{color:#62768a}dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.help{font-size:14px;color:#617589}.attachment{margin:6px;max-width:100%;overflow-wrap:anywhere}.error{border:1px solid #dfa9a9;background:#fff1f1;padding:16px;border-radius:7px;white-space:pre-wrap}.success{border:1px solid #a7ceba;background:#eef9f2;padding:12px;border-radius:7px}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #c9d9e6;display:flex;justify-content:center;gap:16px;padding:10px;z-index:3}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#18324c80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.dialog{width:520px;max-width:100%;background:#fff;padding:26px;border-radius:12px;max-height:90vh;overflow:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:5px;background:#fff;padding:12px;z-index:100}.mobile{max-width:480px;margin:0 auto;min-height:100vh;background:#f4f7fa}.mobile header{padding:14px 16px;gap:8px}.mobile header div{gap:10px}.mobile header span{font-size:16px}.mobile main{padding:18px 16px 110px}.mobile .job-list,.mobile .detail-grid{grid-template-columns:1fr}.mobile .panel,.mobile .job{padding:18px}.mobile dl{grid-template-columns:100px 1fr}.mobile nav{max-width:480px;margin:0 auto}.mobile h1{font-size:23px}.mobile .login{margin:20px 0}.mobile .toolbar label{min-width:150px}.mobile .actions button{flex:1}.mobile input,.mobile select,.mobile textarea{font-size:17px}@media(max-width:700px){header{padding:14px 16px}header div{gap:10px}header span{font-size:15px}main{padding:18px 16px 110px}.job-list,.detail-grid{grid-template-columns:1fr}.panel,.job{padding:18px}h1{font-size:24px}.dialog{padding:20px}.actions button{flex:1}dl{grid-template-columns:100px 1fr}.toolbar{gap:10px}.toolbar label{min-width:140px}}
