/* 法務ページ共通スタイル（9d9写真納品帖） */
:root{
  --c-bg:#FFFFFF; --c-paper:#F7F7F4; --c-ink:#1A1A1A; --c-mute:#5F6B76; --c-line:#E3E6E4;
  --c-accent:#4A7A9B; --c-accent-hover:#416B88;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px;
  --f-head:"Shippori Mincho B1",'Hiragino Mincho ProN','Yu Mincho',serif;
  --f-body:"Zen Kaku Gothic New",'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%;height:auto;display:block}
body{font-family:var(--f-body);color:var(--c-ink);background:var(--c-bg);
  line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 var(--s-6)}

.lhead{border-bottom:1px solid var(--c-line);padding:var(--s-6) 0}
.lk{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.lk__sym{flex:none;aspect-ratio:287/383;height:28px;margin-right:12px;
  background:center/contain no-repeat url("assets/brand/9d9-symbol.png")}
.lk__name{font-family:var(--f-head);font-weight:700;font-size:21px;line-height:1;letter-spacing:.04em}

main{padding:var(--s-16) 0 var(--s-24)}
h1{font-family:var(--f-head);font-size:clamp(24px,3.4vw,32px);line-height:1.5;
  letter-spacing:.02em;margin-bottom:var(--s-4)}
.lead{color:var(--c-mute);font-size:14px;margin-bottom:var(--s-12)}
h2{font-family:var(--f-head);font-size:20px;margin:var(--s-16) 0 var(--s-4);
  padding-bottom:var(--s-2);border-bottom:2px solid var(--c-accent)}
h3{font-size:16px;margin:var(--s-8) 0 var(--s-2)}
p{margin-bottom:var(--s-4)}
ul,ol{margin:0 0 var(--s-4) 1.4em}
li{margin-bottom:var(--s-2)}
a{color:var(--c-accent)}

table{width:100%;border-collapse:collapse;margin-bottom:var(--s-8);font-size:15px}
th,td{border:1px solid var(--c-line);padding:var(--s-4);text-align:left;vertical-align:top}
th{background:var(--c-paper);width:30%;font-weight:700;white-space:nowrap}
@media(max-width:640px){
  th,td{display:block;width:100%;border-bottom:0}
  td{border-bottom:1px solid var(--c-line)}
  th{white-space:normal}
}


footer{border-top:1px solid var(--c-line);padding:var(--s-12) 0;font-size:13px;color:var(--c-mute)}
.foot__links{margin-top:var(--s-4);display:flex;gap:var(--s-6);flex-wrap:wrap}
.foot__links a{color:var(--c-mute);text-decoration:underline;text-underline-offset:3px}
.foot__links a:hover{color:var(--c-accent)}
