@charset "UTF-8";

/* ===============================
   ページ全体
=============================== */

.guide_page .page {
	max-width: 1000px;
	margin: 140px auto 100px;
	padding: 0 20px;
}

header {
	background: rgba(59, 96, 81);
}

/* ===============================
   ページタイトル
=============================== */

.guide_page .page_title {
	font-size: 2.8rem;
	color: #1a3f2e;
	margin-bottom: 60px;
	padding-left: 20px;
	border-left: 6px solid #1a3f2e;
	letter-spacing: 0.05em;
}

/* ===============================
   セクション
=============================== */

.guide_page .guide_section {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}

/* ===============================
   セクションタイトル
=============================== */

.guide_page .guide_title {
	font-size: 2rem;
	color: #1a3f2e;
	/* ← common.cssの白を上書き */
	margin-bottom: 15px;
	margin-top: 0;
	letter-spacing: 0.05em;
}

/* ===============================
   テキスト
=============================== */

.guide_page .guide_text {
	font-size: 1.5rem;
	line-height: 1.9;
	color: #333;
}

/* ===============================
   リスト
=============================== */

.guide_page .guide_list {
	margin: 15px 0 15px 20px;
	padding-left: 10px;
}

.guide_page .guide_list li {
	margin-bottom: 8px;
	line-height: 1.8;
	position: relative;
	padding-left: 15px;
}

.guide_page .guide_list li::before {
	content: "・";
	position: absolute;
	left: 0;
	color: #1a3f2e;
	font-weight: bold;
}

/* ===============================
   注意文
=============================== */

.guide_page .guide_note {
	font-size: 1.3rem;
	color: #666;
	margin-top: 10px;
}

/* ===============================
   レスポンシブ
=============================== */

@media (max-width: 768px) {

	.guide_page .page {
		margin: 110px auto 80px;
	}

	.guide_page .page_title {
		font-size: 2.2rem;
		margin-bottom: 40px;
	}

	.guide_page .guide_title {
		font-size: 1.8rem;
	}

	.guide_page .guide_text {
		font-size: 1.4rem;
	}

}

@media (max-width: 480px) {

	.guide_page .page {
		margin: 90px auto 60px;
	}

	.guide_page .page_title {
		font-size: 2rem;
	}

	.guide_page .guide_title {
		font-size: 1.6rem;
	}

}