@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

/* 全体 */
body {
	font-family: "M PLUS 1p", sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}

/* ヘッダー */
header {
	background-color: #fbe132;
	color: #222;
	padding: 10px;
	text-align: center;
}

/* メインコンテンツ */
main {
	padding: 20px;
	max-width: 764px;
	margin: 0 auto;
}

/* セクション */
section {
	margin-bottom: 20px;
	/* border: 1px solid #ddd; */
	padding: 10px;
}

/* セクションタイトル */
section h2 {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	margin-top: 0;
	border-radius: 6px;
	color: #333;
	width: 100%;
	background-color: #fae500;
}

/* ポイントカラー */
.point-color {
	color: #0073b7;
}

/* フッター */
footer {
	background-color: #f7f7f7;
	color: #000000;
	padding: 10px;
	font-size: .8rem;
	text-align: center;
}

/* その他 */
a {
	text-decoration: none;
	color: #00a9a1;
}

img {
	max-width: 100%;
}

ul,
ol {
	list-style: inside;
	padding-left: 20px;
}

li {
	margin-bottom: 10px;
	padding-left: 20px;
	text-indent: -20px;
}