/* 文書ページ(お取引ガイドの日本語・英語と404)。骨組みと色は top.css。ここは板の中の本文だけ(#doc の中に限る) */
#doc>div{width:min(640px,100%);padding:8px 0 36px}
#doc ol,#doc ul{list-style:none}
#doc rt{font-size:.55em}

/* ページの題は板の小さな見出し、節の見出しは .doc h3 と同じ。区切りの線は引かない */
#doc h1{font-size:12px;font-weight:400;line-height:1.9;color:var(--sub);margin-bottom:14px}
#doc h2{font-size:13px;font-weight:700;line-height:1.9;color:var(--ink);margin:18px 0 0}
#doc .note{margin-top:8px;font-size:12px;line-height:1.8;color:var(--sub)}
#doc .tx a,#doc .lk,#doc .note a{text-decoration:underline;text-underline-offset:3px}

/* 取引の流れ */
#doc .dflow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:12px 0 14px;counter-reset:d}
#doc .dflow::before{content:"";position:absolute;left:3px;right:calc(20% - 4px);top:12px;height:1px;background:var(--line)}
#doc .dflow li{position:relative;text-align:left;font-size:12px;font-weight:700;line-height:1.5}
#doc .dflow li::before{content:"";display:block;width:7px;height:7px;margin:9px 0 12px;border-radius:50%;background:var(--ink)}  /* 黒い丸と数字はやめ、線の上の小さな白い点にした(2026-11-11) */
#doc .dflow li small{display:block;margin-top:2px;font-weight:400;font-size:11px;color:var(--sub)}
#doc .flow{counter-reset:f;margin-top:6px}
#doc .flow>li{counter-increment:f;display:grid;grid-template-columns:2.4em minmax(0,1fr);padding:6px 0;border-top:1px solid var(--line)}
#doc .flow>li:last-child{border-bottom:1px solid var(--line)}
#doc .flow>li::before{content:counter(f,decimal-leading-zero);grid-row:span 2;font:600 11px/2.4 "Hanken Grotesk",sans-serif;letter-spacing:.12em;color:var(--sub)}
#doc .flow h3{font-size:13px;font-weight:700;line-height:1.9;margin:0}
#doc .flow p{margin:0;font-size:13px;line-height:1.7;color:var(--sub)}

/* 表(トップの会社概要 dl と同じ細い線) */
#doc .tbl{width:100%;margin-top:8px;border-collapse:collapse}
#doc .tbl th,#doc .tbl td{padding:8px 0;border-top:1px solid var(--line);vertical-align:top;text-align:left}
#doc .tbl tr:last-child>*{border-bottom:1px solid var(--line)}
#doc .tbl th{width:9.5em;padding-right:14px;font-size:12px;font-weight:400;line-height:2.2;color:var(--sub)}
#doc .tbl td{font-size:13px;line-height:1.9}

/* 発注確認の型(コピーして使う) */
#doc .copybox{margin-top:10px;padding:12px 14px;display:grid;justify-items:start;gap:10px;background:var(--soft);border-radius:8px}
#doc .copybox pre{width:100%;margin:0;font:400 13px/1.9 "Zen Kaku Gothic New","Hanken Grotesk",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}
#doc .copy{background:var(--ink);color:var(--bg);font-size:13px;font-weight:700;padding:9px 24px;border-radius:99px;transition:transform .5s var(--spring)}
#doc .copy:hover{transform:scale(1.05)}

/* Excel のダウンロード(トップの .more と同じ) */
#doc .vids{margin-top:2px}
#doc a.vid{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;border-bottom:1.5px solid var(--ink);line-height:1.6;text-decoration:none;transition:transform .5s var(--spring)}
#doc a.vid:hover{transform:translateX(4px)}
#doc a.vid span{display:inline}