/* おやびん — 規約系ドキュメントページ共通スタイル。
   terms / privacy / tradelaw / cancel の4ページが読み込む。
   これら4ページの <style> は元々1バイト違わず同じものが4回埋め込まれていた。
   ページ固有のルール（tradelaw の .tokusho 表など）は各ページのインラインに残す。
   contact.html はここを読み込まない。ヘッダーとフォームを持つ別レイアウトで、
   クラス名が同じでも値が別物のため（.oy-foot が 1120px/28px/#ececec に対し
   規約系は 940px/24px/#e5e5e7、.oy-foot-nav a が 13px に対し 12px など）、
   実際に共有できるのは *{box-sizing} と html{-webkit-text-size-adjust} の
   2行だけ。さらにここを読ませると a{text-decoration:underline;
   word-break:break-all} がヘッダー・CTA・フッターの全リンクに効いてしまい、
   打ち消すルールを書き足す分だけ行数が増える。共有する価値が出るまで
   contact.html はインラインのままにしてある。 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* 本文14px。法定開示（特商法・プライバシー・利用規約・返品解約）は
   「決断に必要な情報」そのものなので、LP 本文を14pxに上げた PR #72 と
   同じ基準に揃える。あのときは index.html しか直しておらず、この4ページが
   12px のまま取り残されていた。 */
body{margin:0;background:#ffffff;color:#3b3b3b;font-family:'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP','Yu Gothic',Meiryo,system-ui,sans-serif;line-height:2;font-size:14px;letter-spacing:normal}
main{max-width:940px;margin:0 auto;padding:56px 24px 64px}
h1{font-size:24px;font-weight:700;color:#141414;letter-spacing:-.02em;line-height:1.35;margin:0 0 22px}
h2{font-size:18px;font-weight:700;color:#141414;line-height:1.7;margin:36px 0 6px}
p{margin:0 0 12px}
ol,ul{margin:0 0 12px;padding-left:1.5em}
ul{list-style:disc}
li{margin:0 0 4px;padding-left:.1em}
ol ol{margin:4px 0 2px;list-style:decimal}
a{color:#0a58ca;text-decoration:underline;word-break:break-all}
/* 戻る導線とフッターのリンクは「文中のリンク」ではなくナビゲーションなので、
   指で外さない大きさ（44px）を確保する。文字は大きくせず、余白で高さを稼ぐ。
   実測（390px）で .oy-back は 132x26、フッターの各リンクは 12px/高さ24 だった。 */
.oy-back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 16px;color:#666;text-decoration:none;font-size:14px}
.oy-back:hover{color:#0a58ca;text-decoration:underline}
.oy-foot{max-width:940px;margin:0 auto;padding:24px 24px 56px;border-top:1px solid #e5e5e7}
.oy-foot-nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin:0 0 4px}
.oy-foot-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:#666;text-decoration:none;font-size:14px}
.oy-foot-nav a:hover{color:#0a58ca;text-decoration:underline}
.oy-foot-c{color:#999;font-size:13px;margin:0}
@media(max-width:600px){main{padding:36px 18px 40px}h1{font-size:21px}h2{font-size:16px}.oy-foot{padding:20px 18px 40px}}