/* TOPY AGENCY interim site stylesheet — IKDO 2026-10 */
:root{
  --ink:#333333;--sub:#666666;--mute:#8c8c8c;--line:#e3e9ec;
  --paper:#ffffff;--tone:#f4f4f0;--key:#007ac0;--accent:#00a5db;--brand:#fcc800;--brand-ink:#231815;--alert:#b23a2a;--wrap:1040px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85;letter-spacing:.02em}
a{color:var(--key)}
a[href^="tel:"]{white-space:nowrap}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,p,ul,ol,dl,figure{margin:0}

.ta-box{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}

/* header */
.ta-top{border-top:4px solid var(--brand);border-bottom:1px solid var(--line)}
.ta-top .ta-box{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:76px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.ta-logo{display:block;line-height:0;text-decoration:none}
.ta-logo img{display:block;width:296px;height:auto}
.ta-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;font-size:14px}
.ta-nav a{color:var(--sub);text-decoration:none}
.ta-nav a:hover,.ta-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ta-nav .ta-sos-link{color:var(--brand-ink);background:var(--brand);padding:4px 12px;border-radius:2px;text-decoration:none;font-weight:700}
.ta-nav .ta-sos-link:hover{color:var(--brand-ink);opacity:.85;text-decoration:none}

/* breadcrumb */
.ta-crumb{font-size:12px;color:var(--mute);padding:14px 0 0}
.ta-crumb a{color:var(--mute)}

/* notice */
.ta-notice{background:var(--tone);color:var(--ink);border-bottom:1px solid var(--line);padding:48px 0 44px;font-size:15px;line-height:1.9}
.ta-notice-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;border:1px solid var(--sub);color:var(--sub);padding:2px 12px;margin-bottom:16px}
.ta-notice-title{font-size:34px;line-height:1.45;font-weight:700;letter-spacing:.04em;margin-bottom:16px}
.ta-notice p{max-width:760px;color:var(--sub)}
.ta-sp-br{display:none}

/* hero */
.ta-hero{padding-top:56px;padding-bottom:36px}
.ta-hero h1{font-size:28px;line-height:1.5;font-weight:700}
.ta-hero p{margin-top:12px;color:var(--sub)}

/* page head */
.ta-head{padding-top:28px;padding-bottom:8px}
.ta-head h1{font-size:26px;line-height:1.5}
.ta-head p{margin-top:10px;color:var(--sub)}

/* sections */
.ta-sec{padding:44px 0;border-top:1px solid var(--line)}
.ta-sec:first-of-type{border-top:0}
.ta-sec h2{font-size:21px;line-height:1.5;margin-bottom:18px}
.ta-sec h3{font-size:17px;margin:28px 0 10px}
.ta-sec p+p{margin-top:12px}
.ta-lead{color:var(--sub)}
.ta-note{font-size:13px;color:var(--mute);margin-top:10px}
.ta-strong{font-weight:700;color:var(--alert)}

/* accident box */
.ta-sos{border:3px solid var(--brand);padding:0 26px 24px;margin:0 0 8px}
.ta-sos h2{background:var(--brand);color:var(--brand-ink);font-size:19px;margin:0 -26px 14px;padding:10px 26px}
.ta-sos .ta-tel a{color:var(--ink);text-decoration:none}
.ta-sos p+p{margin-top:6px}

/* cards */
.ta-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ta-cols.ta-2{grid-template-columns:repeat(2,1fr)}
.ta-card{display:block;background:var(--tone);padding:22px 22px 20px;color:inherit;text-decoration:none}
a.ta-card:hover{outline:1px solid var(--ink)}
.ta-card h3{margin:0 0 6px;font-size:17px}
.ta-card p{font-size:14px;color:var(--sub)}
.ta-card .ta-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--key)}

/* tables */
.ta-tbl{width:100%;border-collapse:collapse;font-size:15px;margin:6px 0}
.ta-tbl th,.ta-tbl td{border-top:1px solid var(--line);padding:11px 12px;text-align:left;vertical-align:top}
.ta-tbl tr:last-child th,.ta-tbl tr:last-child td{border-bottom:1px solid var(--line)}
.ta-tbl tbody th{width:28%;font-weight:700;background:var(--tone)}
.ta-tbl thead th{background:var(--tone);font-weight:700;font-size:14px}
.ta-tbl-x tbody th{width:auto}
.ta-tbl a{word-break:break-all}
.ta-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* lists */
.ta-list{padding-left:1.3em}
.ta-list li+li{margin-top:4px}
.ta-plain{list-style:none;padding:0}
.ta-plain li{padding:8px 0;border-bottom:1px solid var(--line)}
.ta-steps{list-style:none;padding:0;counter-reset:step}
.ta-steps li{counter-increment:step;position:relative;padding:10px 0 10px 44px;border-bottom:1px solid var(--line)}
.ta-steps li::before{content:counter(step);position:absolute;left:0;top:10px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;line-height:30px;text-align:center}
.ta-steps small{display:block;color:var(--sub);font-size:14px}
.ta-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px}
.ta-links a{display:inline-block;border:1px solid var(--line);padding:6px 14px;text-decoration:none;font-size:14px}
.ta-links a:hover{border-color:var(--ink)}

/* offices */
.ta-office{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ta-office div{border:1px solid var(--line);padding:16px 18px;font-size:14px}
.ta-office b{display:block;font-size:15px;margin-bottom:4px}
.ta-office small{display:block;margin-top:8px;color:var(--sub);font-size:13px;line-height:1.7}

/* long documents */
.ta-doc{padding-top:20px;padding-bottom:56px}
.ta-doc h1{font-size:24px;line-height:1.5;margin-bottom:18px}
.ta-doc h2{font-size:18px;line-height:1.5;margin:40px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.ta-doc p,.ta-doc li{font-size:15px}
.ta-doc p{margin-top:8px}
.ta-doc .ta-i1{padding-left:1.5em}
.ta-doc .ta-i2{padding-left:3em}
.ta-doc .ta-sign{margin-top:28px;text-align:right}
.ta-toc{background:var(--tone);padding:16px 20px;font-size:14px;margin:18px 0 8px}
.ta-toc{display:flex;flex-wrap:wrap;gap:4px 16px}
.ta-toc a{overflow-wrap:anywhere}

/* news */
.ta-news{list-style:none;padding:0}
.ta-news li{display:grid;grid-template-columns:120px 1fr;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.ta-news time{color:var(--mute);font-size:14px}
.ta-article{padding:34px 0;border-top:1px solid var(--line)}
.ta-article time{color:var(--mute);font-size:14px}
.ta-article h2{font-size:19px;margin:4px 0 14px}
.ta-article p+p{margin-top:10px}
.ta-article figure{margin:16px 0}

/* form */
.ta-form{max-width:760px}
.ta-field{padding:16px 0;border-bottom:1px solid var(--line)}
.ta-field>label,.ta-field>.ta-label{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.ta-req{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;color:#fff;background:var(--alert);padding:1px 6px;border-radius:2px;vertical-align:2px}
.ta-form input[type=text],.ta-form input[type=email],.ta-form input[type=tel],.ta-form textarea{width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #c9c5bd;border-radius:2px;background:#fff}
.ta-form input.ta-zip{width:7em}
.ta-form textarea{min-height:160px}
.ta-choice{display:flex;flex-wrap:wrap;gap:6px 22px}
.ta-choice label{font-weight:400;display:inline-flex;align-items:center;gap:6px}
.ta-agree{padding:20px 0 4px;font-size:15px}
.ta-submit{margin-top:22px;font:inherit;font-size:16px;font-weight:700;color:#fff;background:var(--ink);border:0;padding:14px 48px;border-radius:2px;cursor:pointer}
.ta-submit:hover{opacity:.88}

/* footer */
.ta-foot{background:#3f4041;color:#d8d6d1;font-size:13px;padding:34px 0;margin-top:48px}
.ta-foot a{color:#d8d6d1}
.ta-foot ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:16px}
.ta-foot p+p{margin-top:6px}
.ta-foot .ta-legal{color:#a9a69f;font-size:12px;margin-top:14px}

@media (max-width:760px){
  .ta-notice{padding:32px 0 30px;font-size:14px}
  .ta-notice-title{font-size:24px}
  .ta-sp-br{display:inline}
  body{font-size:15px}
  .ta-hero{padding-top:34px;padding-bottom:24px}
  .ta-hero h1{font-size:22px}
  .ta-head h1{font-size:22px}
  .ta-cols,.ta-cols.ta-2,.ta-office{grid-template-columns:1fr}
  .ta-tbl tbody th{width:34%}
  .ta-sos{padding:0 18px 18px}
  .ta-sos h2{margin:0 -18px 12px;padding:10px 18px}
  .ta-sos .ta-tel{font-size:21px}
  .ta-news li{grid-template-columns:1fr}
  .ta-nav{font-size:13px;gap:2px 14px}
  .ta-logo img{width:240px}
}

/* confirmation and external transition pages */
.ta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:22px}
.ta-actions .ta-submit{margin-block-start:0;text-decoration:none;display:inline-block}
.ta-back{font:inherit;color:var(--key);background:none;border:1px solid var(--line);padding-block:12px;padding-inline:20px;border-radius:2px;cursor:pointer;text-decoration:none}
.ta-back:hover{border-color:var(--ink)}
.ta-errors{color:var(--alert);margin-block-start:16px}
.ta-confirm{table-layout:fixed;margin-block-start:22px}
.ta-confirm th,.ta-confirm td,.ta-destination{overflow-wrap:anywhere}
.ta-destination{color:var(--sub);font-size:14px;margin-block-start:16px}
@media (max-width:760px){
  .ta-confirm th,.ta-confirm td{display:block;width:100%}
  .ta-confirm tbody th{width:100%}
  .ta-actions .ta-submit{padding-inline:28px}
}

/* accident box: offices + insurers (2026-10) */
.ta-sos-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.ta-sos-col{background:var(--tone);padding:18px 20px 16px}
.ta-sos-col h3{font-size:16px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--brand)}
.ta-sos-list{margin:0}
.ta-sos-list div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.ta-sos-list dt{font-weight:700;font-size:15px}
.ta-sos-list dd{margin:0;font-size:22px;font-weight:700;letter-spacing:.04em;line-height:1.3}
.ta-sos-list a,.ta-sos-tbl a{color:var(--ink);text-decoration:none}
.ta-sos-tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.ta-sos-tbl th,.ta-sos-tbl td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.ta-sos-tbl thead th{font-size:12px;color:var(--sub);font-weight:700}
.ta-sos-tbl tbody th{font-weight:700}
.ta-sos-tbl td{font-weight:700;font-size:16px;white-space:nowrap;letter-spacing:.02em}
.ta-sos-note{font-size:12px;color:var(--sub);margin-top:10px;line-height:1.7}
.ta-sos-more{margin-top:14px}
@media (max-width:760px){
  .ta-sos-cols{grid-template-columns:1fr;gap:14px}
  .ta-sos-col{padding:14px 14px 12px}
  .ta-sos-list dd{font-size:20px}
  .ta-sos-tbl{font-size:12px}
  .ta-sos-tbl td{font-size:14px}
  .ta-sos-tbl th,.ta-sos-tbl td{padding:6px 4px}
}
.ta-doc a{overflow-wrap:anywhere;word-break:break-all}

/* 2026-10-16 トップA案：事業内容を先に、事故の枠をその下に */
.ta-sec.ta-sec-lead{border-top:0;padding-top:8px}
.ta-sos-wrap{padding-top:8px;margin-bottom:44px}