@charset "UTF-8";
/* CSS Document */

/* プライバシーポリシー全体のラッパー */

.privacy-policy-wrapper {
	max-width: 960px;
	margin: 5rem auto;   /* 縦のマージン増やし */
	padding: 10rem 2rem;
	background: #fff;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.9;    /* 少し行間広め */
}

/* タイトル */
.privacy-title {
	font-family: 'Libre Baskerville', serif;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 3rem;
	color: #2e2e2e;
}

/* セクション */
.privacy-section, .privacy-contact {
	margin-top: 7rem; /* セクション間隔をさらに広げる */
	padding: 2rem 1.5rem;
	border-left: 5px solid #a0a0a0;
	background-color: #f9f9f9; /* セクションごとに薄い背景色 */
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(0,0,0,0.03);
}

/* セクション見出し */
.privacy-heading {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #222;
	font-family: 'Noto Serif JP', serif;
}

/* 段落 */
.privacy-section p,
.privacy-contact p {
	font-size: 1.1rem;
	margin-bottom: 1.2rem;
}

/* リスト */
.privacy-section ul {
	padding-left: 2rem;
	margin-bottom: 1.2rem;
}

.privacy-section ul li {
	list-style: disc;
	margin-bottom: 0.7rem;
}

/* メールリンク */
.privacy-contact a {
	color: #2781bc;
	text-decoration: underline;
	word-break: break-word;
}

/* -------------------------------
   レスポンシブ対応
-------------------------------- */
@media screen and (max-width: 768px) {
	
	.privacy-policy-wrapper {
		padding: 6rem 1rem;
		margin: 3rem 1rem;
	}
	
	.privacy-title {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}
	
	.privacy-section, .privacy-contact {
		margin-top: 6rem;
		padding: 1.5rem 1rem;
	}
	
	.privacy-heading {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}
	
	.privacy-section p,
	.privacy-contact p {
		font-size: 1rem;
	}
}

/* -------------------------------
   レスポンシブ対応
-------------------------------- */

@media screen and (max-width: 480px) {
	
	.privacy-policy-wrapper {
		padding: 4.5rem 1rem;
		margin: 2rem 0.8rem;
		font-size: 13px;
	}
	
	.privacy-title {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 3.5rem;
		padding: 0 0.5rem;
	}
	
	.privacy-section, .privacy-contact {
		margin-top: 4.5rem;
		padding: 1.2rem 1rem;
		border-left-width: 4px;
		border-radius: 4px;
	}
	
	.privacy-heading {
		font-size: 15px;
		margin-bottom: 0.8rem;
	}
	
	.privacy-section p,
	.privacy-contact p {
		font-size: 12px;
		line-height: 1.6;
	}
	
	.privacy-section ul {
		padding-left: 1.5rem;
	}
	
	.privacy-section ul li {
		margin-bottom: 0.5rem;
	}
	
	/* リンクも指で押しやすいように少し余裕を */
	
	.privacy-contact a {
		font-size: 1rem;
		padding: 2px 0;
		display: inline-block;
	}
}