.material-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:16px;padding:32px 0;display:grid}.material-form,.material-result{border:1px solid var(--line);background:#fff;border-radius:7px}.material-result{position:sticky;top:22px;overflow:hidden}.material-result>p{color:#6e6e73;letter-spacing:.1em;border-bottom:1px solid #e0e0e3;margin:0;padding:15px 18px;font-size:11px;font-weight:800}.material-recommend{background:#f6f3fd;padding:22px 18px}.material-recommend span{color:#7056b8;font-size:12px;font-weight:700;display:block}.material-recommend strong{color:#30264f;letter-spacing:-.06em;margin-top:8px;font-size:38px;display:block}.material-recommend p{color:#7056b8;margin:8px 0 0;font-size:12px;line-height:1.5}.leave-comparison{background:#fbfaff;border-bottom:1px solid #e0e0e3;padding:8px 18px 14px}.leave-comparison dl{padding:0}.leave-comparison .leave-comparison-label{color:#82788f;letter-spacing:.04em;margin:5px 0 2px;font-size:10px;font-weight:700}.leave-comparison p{color:#51466c;margin:12px 0 0;font-size:12px;line-height:1.6}.leave-comparison p strong{color:#30264f}.anniversary-warning{color:#604d19;background:#fff9e8;border:1px solid #ebc867;border-radius:6px;margin:14px 18px 0;padding:13px 14px}.anniversary-warning strong{font-size:12px}.anniversary-warning p{margin:5px 0 0;font-size:11px;line-height:1.6}.material-result dl{margin:0;padding:8px 18px}.material-result dl>div{border-bottom:1px solid #f2f2f4;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.material-result dt{color:#6e6e73;font-size:12px}.material-result dd{text-align:right;margin:0;font-size:14px;font-weight:700}.material-form .workspace-section-head{padding:20px 22px}.material-form .calc-field{display:block}.material-form .calc-field>span{margin-bottom:8px}.material-form .input-grid{row-gap:18px}.field-help{color:#6e6e73;margin-top:7px;font-size:11px;line-height:1.5;display:block}.generic-help{color:#6e6e73;margin:16px 0 0;font-size:12px;line-height:1.6}.leave-rule-note{color:#6e6e73;border-top:1px solid #e0e0e3;margin:0;padding:14px 18px;font-size:11px;line-height:1.6}.leave-history{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:32px;overflow:hidden}.leave-history-head{border-bottom:1px solid #e0e0e3;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.leave-history-head p{color:#7056b8;letter-spacing:.08em;margin:0 0 5px;font-size:11px;font-weight:800}.leave-history-head h2{letter-spacing:-.04em;margin:0;font-size:19px}.leave-basis-tabs{background:#f2f2f4;border-radius:7px;gap:5px;padding:4px;display:flex}.leave-basis-tabs button{color:#6e6e73;min-height:34px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 13px;font-size:12px;font-weight:700}.leave-basis-tabs button[aria-pressed=true]{color:#30264f;background:#fff;box-shadow:0 1px 4px #1d14351f}.leave-history-table-wrap{overflow-x:auto}.leave-history table{border-collapse:collapse;width:100%;font-size:13px}.leave-history th,.leave-history td{text-align:left;white-space:nowrap;border-bottom:1px solid #f0f0f2;padding:13px 18px}.leave-history thead th{color:#6e6e73;font-size:11px}.leave-history tbody th{color:#30264f}.leave-history-note,.leave-history-empty{color:#6e6e73;margin:0;padding:14px 18px;font-size:11px;line-height:1.6}.leave-history-note{background:#fafafa}@media (max-width:760px){.material-layout{grid-template-columns:1fr;padding:22px 0}.material-result{grid-row:2;position:static}.material-form .workspace-section-head,.material-form .form-section{padding-left:16px;padding-right:16px}.leave-history{margin-bottom:22px}.leave-history-head{flex-direction:column;align-items:stretch;padding:18px 16px}.leave-basis-tabs button{flex:1}.leave-history th,.leave-history td{padding:12px 14px}}