@charset "UTF-8";
/* sub.css : 下層ページ共通（price / contact / privacy / tokushoho / cancel）
   読み込み順: reset → style.css → extra.css → sub.css → (ページ固有css) */

body.page-sub { background-color: #ffffff; }
body.page-sub main { padding: 150px 0 120px; }
body.page-sub .section-title { margin-bottom: 110px; }

/* リード文 */
.sub-lead { text-align: center; margin: 0 auto 70px; max-width: 760px; }
.sub-lead p { font-size: 15px; line-height: 2.2; letter-spacing: 0.06em; font-weight: 500; }
.sub-lead p.note { font-size: 11px; line-height: 1.8; margin-top: 10px; font-weight: 400; }

/* ページ下部の戻る・お問い合わせボタン */
.sub-buttons { display: flex; justify-content: center; gap: 60px; margin-top: 90px; }
.sub-buttons .bt-border { width: 260px; height: 70px; }
.sub-buttons .bt-border::before { height: 70px; }

/* 文書ページ（プライバシー・特商法・キャンセル） */
.doc { max-width: 760px; margin: 0 auto; }
.doc h3 { font-size: 18px; font-weight: 700; line-height: 1.6; margin: 44px 0 12px; padding-left: 12px; border-left: 3px solid #002f63; }
.doc p, .doc li { font-size: 15px; line-height: 2; letter-spacing: 0.04em; }
.doc ul.dot { margin: 8px 0; }
.doc ul.dot li { position: relative; padding-left: 18px; }
.doc ul.dot li::before { content: ""; position: absolute; left: 4px; top: 14px; width: 6px; height: 6px; border-radius: 50%; background: #3b6ea5; }
.doc table { width: 100%; border-collapse: collapse; margin-top: 16px; }
.doc th, .doc td { border: 1px solid #c9d3dc; padding: 16px 18px; font-size: 14px; line-height: 1.9; text-align: left; vertical-align: top; }
.doc th { background: #eef3f7; width: 28%; font-weight: 700; }
.doc .updated { font-size: 12px; color: #555; margin-top: 40px; text-align: right; }

@media screen and (max-width: 768px) {
	body.page-sub main { padding: 110px 0 80px; }
	body.page-sub .section-title { margin-bottom: 80px; }
	.sub-lead { margin-bottom: 40px; text-align: left; }
	.sub-lead p { font-size: 14px; line-height: 2; }
	.sub-lead p br { display: none; }
	.sub-buttons { flex-direction: column; align-items: center; gap: 16px; margin-top: 60px; }
	.doc h3 { font-size: 16px; margin-top: 34px; }
	.doc p, .doc li { font-size: 14px; }
	.doc th, .doc td { display: block; width: auto; box-sizing: border-box; }
	.doc th { border-bottom: 0; }
	.doc td { border-top: 0; margin-bottom: 14px; }
}