@charset "UTF-8";
/*
 * MoneyX2027 規約・プライバシーポリシー用CSS（2026-09-29 新規）
 * 対象: /terms/・/ja/terms/・/pp/・/ja/pp/
 * 読み込みは inc2027/legal_body.php の mxlg_open()（本文の直前の <link>）。共通の moneyx2027.css には追記しない。
 *
 * - この4ページは旧 style.css を読まない（ini.php の CSS 読み分け。2026-09-29〜）。
 *   そのため body の土台（余白0・背景・フォント）はトップの body.mx-top と同じ値をここで与える
 * - 見出し（.mx-head）・ボタン（.mx-btn）・.mx-wrap・色の変数はトップと共通（moneyx2027.css）のものを使う
 * - ページの土台（グレー→白のグラデーション＋花模様）は一覧ページ（list2027.css の .mxl）と同じ作り
 */

/* ---- body の土台（旧 style.css を読まないため。トップの body.mx-top と同じ） ---- */
body.mx-sub{margin:0;background:#fff;color:var(--mx-text);font-family:var(--mx-ja);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;}
.mxlg,.mxlg *,.mxlg *::before,.mxlg *::after{box-sizing:border-box;}
:where(.mxlg) :where(h1,h2,h3,h4,p,ul,ol,dl,dd,table){margin:0;padding:0;}

/* ---- ページの土台 ---- */
/* moneyx2027.css で下層の .body にヘッダーぶんの上余白が付くので、その分だけ上に引き上げて背景をヘッダーの裏まで敷く */
.mxlg{
	position:relative;overflow-x:clip;
	margin-top:calc(-1 * (var(--mx-header-h) + 16px));
	background:linear-gradient(var(--mx-bg) 0, var(--mx-bg) 420px, #fff 100%);
	color:var(--mx-text);font-family:var(--mx-ja);font-size:15px;line-height:1.8;
}
.mxlg::before{
	content:"";position:absolute;z-index:0;pointer-events:none;
	top:-40px;right:-330px;width:1100px;height:1100px;
	background:url(/assets2027/back.webp) center/contain no-repeat;opacity:.55;
}
.mxlg-main{display:block;}
.mxlg-sec{position:relative;z-index:1;padding:calc(var(--mx-header-h) + 16px + 76px) 0 110px;}
/* 見出しと本文カードを同じ幅（最大 880px）にそろえる */
.mxlg-in{max-width:880px;margin:0 auto;}
.mxlg-head{margin-bottom:44px;}
.mxlg-back{margin-top:56px;}

/* ---- 本文カード ---- */
.mxlg-card{
	background:#fff;border-radius:20px;
	padding:56px 64px 60px;
	box-shadow:0 4px 16px rgba(0,0,0,.07);
	font-family:var(--mx-ja);font-size:15px;line-height:1.95;letter-spacing:.02em;color:#2a2a2a;
	overflow-wrap:anywhere;
}

/* 条項見出し（第1条 など）: 頭にトップと同じ三角（try.png）、下に細いピンクの線 */
.mxlg-card h2{
	position:relative;margin:48px 0 16px;padding:0 0 10px 22px;
	border-bottom:1px solid #efdde7;
	font-family:var(--mx-ja);font-size:17px;font-weight:700;line-height:1.55;letter-spacing:.04em;color:var(--mx-text);
}
.mxlg-card h2:first-child{margin-top:0;}
.mxlg-card h2::before{
	content:"";position:absolute;left:0;top:6px;width:10px;height:19px;
	background:url(/assets2027/try.png) center/contain no-repeat;
}
.mxlg-card h3{margin:28px 0 10px;font-size:15.5px;font-weight:700;line-height:1.6;color:var(--mx-pink-d);}

/* 段落 */
.mxlg-card p{margin:0 0 .7em;}
.mxlg-card div > p:last-child{margin-bottom:0;}
/* 番号付きの段落はぶら下げインデント（本文の番号はそのまま。class は legal ページのマークアップで付与）
   mxlg-n1: 「1. 」の項、mxlg-n2: 「（1）」「(1)」の号（1段深く） */
.mxlg-card p.mxlg-n1{padding-left:1.6em;text-indent:-1.6em;}
.mxlg-card p.mxlg-n2{padding-left:3.4em;text-indent:-2.4em;}
/* 見出し直下の「（1）」は項の下ではないので1段目に置く */
.mxlg-card p.mxlg-n2.mxlg-top{padding-left:2.4em;}
/* 項目名と、その下の説明（PP 第9条の共同利用など）: 項目名を太字にし、説明は項目名の本文位置にそろえる */
.mxlg-card p.mxlg-item{margin:1em 0 .2em;font-weight:700;color:var(--mx-text);}
.mxlg-card p.mxlg-dd{padding-left:2.4em;}

/* 箇条書き */
.mxlg-card ul,.mxlg-card ol{margin:0 0 .9em;padding-left:1.6em;}
.mxlg-card ul{list-style:none;padding-left:1.2em;}
.mxlg-card ul > li{position:relative;}
.mxlg-card ul > li::before{content:"";position:absolute;left:-1em;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--mx-pink);}
.mxlg-card ol{list-style:decimal;}
.mxlg-card ol > li::marker{color:var(--mx-pink-d);font-family:var(--mx-en);font-weight:600;}
.mxlg-card li{margin:0 0 .35em;}

/* 表（狭い画面では表だけ横スクロール） */
.mxlg-table{margin:0 0 1.2em;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mxlg-card table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;}
.mxlg-card th,.mxlg-card td{padding:10px 14px;border:1px solid #ecdce5;text-align:left;vertical-align:top;}
.mxlg-card th{background:var(--mx-pink-bg);font-weight:700;color:var(--mx-text);white-space:nowrap;}

/* リンク */
.mxlg-card a{color:var(--mx-pink-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s;}
.mxlg-card a:hover{color:var(--mx-purple);}

/* 末尾の制定日・署名 */
.mxlg-card .mxlg-sign{margin-top:48px;padding-top:22px;border-top:1px solid #eee;text-align:right;color:#555;}

/* ================= スマホ ================= */
@media (max-width:767px){
	body.mx-sub{font-size:14px;}
	.mxlg{font-size:14px;}
	.mxlg::before{top:0;right:-300px;width:620px;height:620px;}
	.mxlg-sec{padding:calc(var(--mx-header-h) + 16px + 44px) 0 80px;}
	.mxlg-head{margin-bottom:28px;}
	.mxlg-back{margin-top:40px;}
	.mxlg-card{padding:30px 20px 34px;border-radius:14px;font-size:14px;line-height:1.9;letter-spacing:.01em;}
	.mxlg-card h2{margin-top:36px;font-size:15.5px;padding-left:19px;}
	.mxlg-card h2::before{top:5px;width:9px;height:17px;}
	.mxlg-card p.mxlg-n2{padding-left:3em;text-indent:-2.2em;}
	.mxlg-card p.mxlg-n2.mxlg-top{padding-left:2.2em;}
	.mxlg-card p.mxlg-dd{padding-left:2.2em;}
	.mxlg-card .mxlg-sign{margin-top:36px;}
}