/* 書類を作るページ（/rireki/taishoku/・soufujo/・fax/）の共通の見た目。見本は A4 を縮めて見せ、印刷では実寸 */
.dwrap{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }
@media (max-width:860px){ .dwrap{ grid-template-columns:1fr; } }
.dform label.f{ display:block; font-size:13px; font-weight:700; color:#46566a; margin-top:10px; }
.dform input, .dform select, .dform textarea{ display:block; width:100%; max-width:100%; margin-top:4px; font:inherit; font-size:15px; min-height:40px; box-sizing:border-box; }
.dform textarea{ min-height:80px; }
.dform .two{ display:grid; grid-template-columns:1fr 1fr; gap:0 10px; }
.dform .seg{ display:flex; gap:14px; margin-top:6px; font-size:15px; font-weight:700; }
.dform .seg label{ display:inline-flex; gap:6px; align-items:center; margin:0; color:#1e2837; font-size:15px; cursor:pointer; }
.dform .seg input{ width:18px; height:18px; min-height:0; display:inline; margin:0; accent-color:var(--brand); }
.acts{ display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.hint{ font-size:12.5px; color:var(--muted); margin:10px 0 0; line-height:1.7; }
.pv{ display:flex; justify-content:center; }
.sheet{ width:210mm; height:297mm; background:#fff; border:1px solid #c9ced8; box-shadow:0 6px 18px rgba(0,0,0,.08);
  transform:scale(.41); transform-origin:top left; margin:0 calc(-210mm * .59) calc(-297mm * .59) 0; overflow:hidden; flex:none; }
@media (max-width:420px){ .sheet{ transform:scale(.38); margin:0 calc(-210mm * .62) calc(-297mm * .62) 0; } }
/* 紙の中身 */
.paper{ box-sizing:border-box; width:210mm; height:297mm; padding:22mm 22mm; font-family:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; color:#111; font-size:11pt; line-height:1.75; }
.printonly{ display:none; }
@media print{
  @page{ size:A4; margin:0; }
  body{ background:#fff !important; }
  body > *:not(#printArea){ display:none !important; }
  #printArea{ display:block !important; }
  #printArea .paper{ height:296mm; overflow:hidden; }
  html, body{ margin:0 !important; padding:0 !important; height:auto !important; min-height:0 !important; }
  body::before, body::after{ display:none !important; }
}