@charset "UTF-8";
/*
 * 経営資金コンパス 運営情報ページ共通CSS
 * （運営者情報／広告掲載方針／免責事項／お問い合わせ）
 *
 * トップページ用 keiei-home.css とは独立して読み込まれるため、
 * ブランドカラー等のトークンをこのファイル単体でも完結するよう定義する。
 * クラス名は "shikin-page-" プレフィックスで統一し、他テーマ／プラグインとの衝突を避ける。
 */

:root {
	--shikin-navy: #082d63;
	--shikin-blue: #1767bd;
	--shikin-gold: #f0b323;
	--shikin-bg: #f6f9fc;
	--shikin-text: #16243a;
	--shikin-white: #ffffff;
	--shikin-radius: 16px;
	--shikin-shadow: 0 4px 20px rgba(8, 45, 99, 0.08);
}

.shikin-page {
	background: var(--shikin-bg);
	color: var(--shikin-text);
	line-height: 1.9;
}

.shikin-page-container {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ヒーロー（ページタイトル） */
.shikin-page-hero {
	background: linear-gradient(135deg, var(--shikin-navy) 0%, var(--shikin-blue) 100%);
	color: var(--shikin-white);
	padding: 48px 0 40px;
}

.shikin-page-hero__title {
	font-size: clamp(24px, 4vw, 32px);
	font-weight: 800;
	margin: 0;
}

/* 本文 */
.shikin-page-body {
	padding: 48px 0 72px;
}

.shikin-page-section {
	margin: 0 0 40px;
}

.shikin-page-section:last-child {
	margin-bottom: 0;
}

.shikin-page-section h2 {
	font-size: 17px;
	font-weight: 700;
	color: var(--shikin-navy);
	margin: 0 0 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid #e1e8f2;
}

.shikin-page-section p {
	font-size: 14px;
	margin: 0 0 14px;
}

.shikin-page-section p:last-child {
	margin-bottom: 0;
}

.shikin-page-list {
	margin: 0 0 14px;
	padding-left: 20px;
}

.shikin-page-list li {
	font-size: 14px;
	margin-bottom: 8px;
}

.shikin-page-list li:last-child {
	margin-bottom: 0;
}

/* 注意書き・告知ボックス */
.shikin-page-notice {
	background: #fff7e6;
	border: 1px solid #f0d9a0;
	border-radius: 10px;
	padding: 14px 18px;
	font-size: 13px;
	color: #6b4e00;
	line-height: 1.8;
}

/* 運営者情報テーブル */
.shikin-page-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--shikin-white);
	border-radius: var(--shikin-radius);
	overflow: hidden;
	box-shadow: var(--shikin-shadow);
}

.shikin-page-table th,
.shikin-page-table td {
	text-align: left;
	padding: 16px 20px;
	font-size: 14px;
	border-bottom: 1px solid #eef2f8;
}

.shikin-page-table th {
	width: 35%;
	color: var(--shikin-navy);
	font-weight: 700;
	background: var(--shikin-bg);
}

.shikin-page-table tr:last-child th,
.shikin-page-table tr:last-child td {
	border-bottom: none;
}

/* お問い合わせカード */
.shikin-page-card {
	background: var(--shikin-white);
	border-radius: var(--shikin-radius);
	box-shadow: var(--shikin-shadow);
	padding: 32px 28px;
	text-align: center;
}

.shikin-page-btn {
	display: inline-block;
	background: var(--shikin-gold);
	color: var(--shikin-navy);
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	padding: 14px 28px;
	border-radius: 999px;
	margin: 8px 0 20px;
}

.shikin-page-btn:hover {
	opacity: 0.88;
}

/* ---------------------------------
   レスポンシブ：スマートフォン
--------------------------------- */
@media (max-width: 600px) {
	.shikin-page-hero {
		padding: 36px 0 30px;
	}

	.shikin-page-body {
		padding: 36px 0 56px;
	}

	.shikin-page-table th,
	.shikin-page-table td {
		display: block;
		width: 100%;
	}

	.shikin-page-table th {
		border-bottom: none;
		padding-bottom: 4px;
	}

	.shikin-page-table td {
		padding-top: 4px;
	}
}

/* ---------------------------------
   PC表示：SWELL標準の右サイドバーを非表示にし、1カラム・中央配置にする
   （運営者情報／プライバシーポリシー／広告掲載方針／免責事項／お問い合わせの5ページ）

   SWELL親テーマのCSSを確認したところ、右サイドバーの2カラム化は
   @media(min-width:960px){ .-sidebar-on .l-content{display:flex;...} }
   の中でのみ有効になっている（960px未満は元々1カラムのため、
   スマホ・タブレット表示はこの対応を入れなくても現状のまま）。
   そのため、この対応も同じ960pxをPC判定の基準に合わせる。
   親テーマのCSS/PHPファイル自体は変更しない。
--------------------------------- */
@media (min-width: 960px) {
	#sidebar {
		display: none !important;
	}

	#content.l-content {
		display: block;
	}

	#content.l-content.l-container {
		max-width: 1000px;
	}
}