/* サロクル 法務ページ共通スタイル */
:root{--navy:#1f4e8c;--blue:#2f7dd1;--bg:#f1f4f8;--line:#dce1e9;--text:#1f2731;--sub:#646e7c;--radius:10px;
  --dur:.14s;--ease:cubic-bezier(.4,0,.2,1);--ring:0 0 0 3px rgba(47,125,209,.3)}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI","Yu Gothic UI",Meiryo,sans-serif;
  color:var(--text);background:var(--bg);line-height:1.9;font-size:15px;
  font-feature-settings:"palt" 1;text-rendering:optimizeLegibility;line-break:strict}
h1,h2{text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--blue);transition:color var(--dur) var(--ease)}
::selection{background:rgba(47,125,209,.2)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav-in{max-width:820px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:10px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:21px;color:var(--navy);letter-spacing:.02em;text-decoration:none}
.logo i{width:24px;height:24px;flex:none;font-style:normal;background:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'><defs><linearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'><stop%20offset='0'%20stop-color='%23ff8a4c'/><stop%20offset='1'%20stop-color='%23e5324b'/></linearGradient></defs><circle%20cx='16'%20cy='16'%20r='12'%20fill='none'%20stroke='url%28%23g%29'%20stroke-width='4.6'%20stroke-linecap='round'%20stroke-dasharray='57%2019'%20transform='rotate%28-58%2016%2016%29'/><circle%20cx='16'%20cy='16'%20r='4.6'%20fill='url%28%23g%29'/></svg>") center/contain no-repeat}

.nav .sp{flex:1}
.nav a.back{font-size:13px;color:var(--sub);text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:28px 20px 60px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;box-shadow:0 1px 3px rgba(31,39,49,.06),0 4px 14px rgba(31,39,49,.04)}
h1{font-size:24px;margin:0 0 6px;font-weight:800;letter-spacing:.01em}
.upd{font-size:12px;color:var(--sub);margin:0 0 22px}
h2{font-size:16px;margin:26px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line)}
h2:first-of-type{margin-top:0}
p,li{font-size:14px}
ol,ul{padding-left:22px}
ol li,ul li{margin-bottom:5px}
table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 6px}
th,td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
th{background:#f7f9fb;width:30%;font-weight:600;color:var(--sub)}
td{white-space:pre-wrap}
.note{font-size:12px;color:var(--sub)}
.fill{background:#fff8e6;border:1px solid #f0dca8;border-radius:8px;padding:12px 14px;font-size:13px;color:#7a5b00;margin-bottom:20px}
.ftr{text-align:center;font-size:12px;color:var(--sub);padding:20px}
.ftr a{color:var(--sub);margin:0 8px}
@media(max-width:640px){.card{padding:20px 18px}th,td{display:block;width:100%;border:0;border-bottom:1px solid var(--line)}th{background:none;padding-bottom:0;font-size:12px;color:var(--sub)}td{padding-top:4px}table{border:1px solid var(--line);border-radius:8px;overflow:hidden}}

@media print{.nav,.ftr{display:none}.wrap{padding:0}.card{border:0;box-shadow:none;padding:0}body{background:#fff}}