/* One static editorial guide. All article rules are page-scoped. */
.electronic-contract-paper-coexistence { --ecp-ink:#173449; --ecp-line:#ccd9df; --ecp-paper:#f7f4ed; color:var(--ecp-ink); background:#fff; }
.electronic-contract-paper-coexistence *, .electronic-contract-paper-coexistence *::before, .electronic-contract-paper-coexistence *::after { box-sizing:border-box; }
.electronic-contract-paper-coexistence .nav-main { gap:clamp(.7rem,1.25vw,1.35rem); }
.electronic-contract-paper-coexistence .nav-main a { font-size:.72rem; }
.electronic-contract-paper-coexistence .nav-main a[aria-current="page"], .electronic-contract-paper-coexistence .nav-main .nav-cta-start { color:#76531f; }
.electronic-contract-paper-coexistence .content-context { margin-top:79px; border-bottom:1px solid var(--ecp-line); background:#fff; }
.electronic-contract-paper-coexistence .content-context-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(1120px,calc(100% - 48px)); min-height:54px; margin:0 auto; }
.electronic-contract-paper-coexistence .content-context ol { display:flex; flex-wrap:wrap; min-width:0; gap:6px 8px; align-items:center; margin:0; padding:8px 0; color:#526b7b; font-size:.76rem; list-style:none; }
.electronic-contract-paper-coexistence .content-context li { display:flex; min-width:0; align-items:center; gap:8px; }
.electronic-contract-paper-coexistence .content-context li:not(:last-child)::after { content:"/"; color:#6a808e; }
.electronic-contract-paper-coexistence .content-context a { color:#40596d; text-decoration:none; }
.electronic-contract-paper-coexistence .content-context-all { flex:0 0 auto; font-weight:700; }
.ecp-article { width:min(1080px,calc(100% - 48px)); margin:0 auto; padding:3.2rem 0 3.5rem; }
.ecp-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem 1rem; color:#506875; font-size:.82rem; margin-bottom:1.25rem; }
.ecp-kind { border:1px solid #c8d6d7; background:#edf4f3; padding:.2rem .6rem; }
.ecp-meta time { margin-left:auto; }
.ecp-article h1 { font:600 clamp(1.6rem,3vw,2.6rem)/1.6 'Noto Serif JP',serif; color:#0b2942; letter-spacing:-.025em; margin:0; }
.ecp-heading-unit { display:inline-block; max-width:100%; }
.ecp-lead { font-size:1.075rem; line-height:2.05; margin:1.2rem 0; color:#3d5869; }
.ecp-section { margin-top:3rem; padding-top:2.3rem; border-top:1px solid var(--ecp-line); scroll-margin-top:110px; }
.ecp-section h2 { font:600 clamp(1.42rem,2.4vw,1.95rem)/1.65 'Noto Serif JP',serif; margin:0 0 1.4rem; color:#0b2942; letter-spacing:-.02em; }
.ecp-section h3 { font-size:1.15rem; line-height:1.8; margin:2rem 0 .6rem; color:#0b2942; }
.ecp-section p { line-height:2.05; font-size:1.075rem; margin:1.3rem 0 0; }
.ecp-list { padding:1rem 1.2rem 1rem 2.5rem; margin:1.4rem 0; background:var(--ecp-paper); font-size:1.02rem; }
.ecp-list li { padding:.4rem 0; line-height:1.95; }
.ecp-table-wrap { margin:1.8rem 0; }
.ecp-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.ecp-table caption { text-align:left; font-weight:700; font-size:1rem; padding:0 0 .75rem; }
.ecp-table th, .ecp-table td { border:1px solid var(--ecp-line); padding:.85rem .75rem; text-align:left; vertical-align:top; font-size:.96rem; line-height:1.9; overflow-wrap:anywhere; }
.ecp-table thead th { color:#fff; background:#0b2942; font-size:.86rem; }
.ecp-table thead th:first-child { width:13%; }
.ecp-table thead th:nth-child(2) { width:20%; }
.ecp-table tbody th { background:#edf4f3; font-size:1rem; }
.ecp-table tbody td:nth-last-child(2) { background:#fbf5e9; }
.ecp-catch { margin:2rem 0; }
.ecp-catch img { display:block; width:100%; height:auto; }
.ecp-ending { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--ecp-line); }
.ecp-ending p { color:#526b7b; font-size:.95rem; line-height:2; margin-top:1rem; }
.ecp-ending .ecp-return { display:inline-block; font-size:1.05rem; font-weight:700; padding:.6rem 0; }
.ecp-article a { color:#173449; text-decoration:underline; text-underline-offset:.2em; }
.ecp-article a:focus-visible, .electronic-contract-paper-coexistence .content-back a:focus-visible { outline:3px solid #9a6d2c; outline-offset:4px; }
.electronic-contract-paper-coexistence .content-back { border-top:1px solid var(--ecp-line); background:#0b2942; }
.electronic-contract-paper-coexistence .content-back-link { display:flex; flex-wrap:wrap; gap:.45rem 1.5rem; width:100%; padding:1.8rem 0; color:#fff; text-decoration:none; }
.electronic-contract-paper-coexistence .content-back-label { font-weight:700; color:#fff; }
.electronic-contract-paper-coexistence .content-back-label::before { content:"← "; color:#ead9b7; }
.electronic-contract-paper-coexistence .content-back-meta { color:#d8e3e9; font-size:.9rem; }
.electronic-contract-paper-coexistence .site-footer { margin-top:0; }
@media (max-width:720px) {
  .electronic-contract-paper-coexistence .nav-main { padding-block:0; border-bottom:0; }
  .electronic-contract-paper-coexistence .nav-main.active { padding-block:1rem; border-bottom:.5px solid var(--color-border-light); }
  .electronic-contract-paper-coexistence .nav-main a { font-size:.85rem; }
  .electronic-contract-paper-coexistence .content-context { margin-top:69px; }
  .electronic-contract-paper-coexistence .content-context-inner { width:calc(100% - 28px); min-height:48px; }
  .electronic-contract-paper-coexistence .content-context ol { font-size:.69rem; }
  .electronic-contract-paper-coexistence .content-context-all { display:none; }
  .ecp-article { width:calc(100% - 32px); padding:2.2rem 0 3rem; }
  .ecp-meta { font-size:.72rem; gap:.4rem .7rem; }
  .ecp-article h1 { font-size:1.48rem; line-height:1.68; }
  .ecp-lead, .ecp-section p { font-size:1.04rem; }
  .ecp-section { margin-top:2.5rem; padding-top:2rem; }
  .ecp-section h2 { font-size:1.38rem; }
  .ecp-section h3 { font-size:1.09rem; }
  .ecp-list { padding-left:2rem; font-size:1rem; }
  .ecp-table caption { display:block; width:100%; }
  .ecp-table, .ecp-table tbody, .ecp-table tr, .ecp-table th, .ecp-table td { display:block; width:100%; }
  .ecp-table thead { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .ecp-table tbody { display:grid; gap:1rem; }
  .ecp-table tbody tr { border:1px solid var(--ecp-line); }
  .ecp-table th, .ecp-table td { border:0; border-bottom:1px solid var(--ecp-line); padding:.85rem 1rem; font-size:1rem; }
  .ecp-table tbody td:last-child { border-bottom:0; }
  .ecp-table td::before { display:block; margin-bottom:.3rem; content:attr(data-label); font-size:.82rem; color:#76531f; font-weight:700; }
  .electronic-contract-paper-coexistence .content-back-link { flex-direction:column; padding:1.5rem 0; }
}

.ecp-routes { margin:2rem 0; }
.ecp-routes img { display:block; width:100%; height:auto; border:1px solid var(--ecp-line); }
.ecp-routes figcaption { font-size:.95rem; line-height:1.9; color:#526b7b; margin-top:.9rem; }