/* 全体の文字サイズを小さくする */
body {
    font-size: 14px; /* 全体のデフォルト文字サイズ */
    line-height: 1.6; /* 行間の調整 */
}

/* 見出しの文字サイズを小さくする */
h1 {
    font-size: 20px; /* タイトルのフォントサイズ */
    font-weight: bold; /* 太字設定 */
}

h2 {
    font-size: 18px; /* サブタイトルのフォントサイズ */
    font-weight: bold;
}

h3 {
    font-size: 16px; /* 小見出しのフォントサイズ */
    font-weight: bold;
}

/* 見出し以下の段落の文字サイズ */
p {
    font-size: 14px; /* 段落のフォントサイズ */
    line-height: 1.6;
}

/* テーブル内の文字サイズ */
table th, table td {
    font-size: 14px; /* テーブル内の文字サイズ */
}

/* ボタンの文字サイズ */
button {
    font-size: 14px; /* ボタン内の文字サイズ */
}

/* 全体のスタイル */
body {
    font-family: "Noto Sans JP", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #333; /* シンプルで落ち着いた文字色 */
    background-color: #fafafa; /* 優しい背景色 */
    margin: 0;
    padding: 0 15px; /* スマホでも読みやすい余白 */
}

/* コンテンツ全体 */
#main-container {
    max-width: 800px; /* テキストの横幅を制限して読みやすく */
    margin: 40px auto; /* 中央揃え */
    padding: 20px;
    background-color: #fff; /* 白背景 */
    border-radius: 8px; /* 少し角を丸める */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 軽い影を追加 */
}

/* 見出しのスタイル */
h1 {
    font-size: 24px;
    color: #4a3f35;
    text-align: center;
    margin-bottom: 20px;
}

h2 {
    font-size: 20px;
    color: #6d4135;
    margin-top: 30px;
    margin-bottom: 10px;
	border-left: 4px solid #c7a389; /* 縦線の色と太さ */
}

h3 {
    font-size: 18px;
    color: #8a4e3a;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* リストのスタイル */
ul {
    padding-left: 20px;
    margin-bottom: 20px;
}

ul li {
    margin-bottom: 8px;
}

/* リンクのスタイル */
a {
    color: #d86c52;
    text-decoration: none;
    border-bottom: 1px solid #d86c52; /* 下線でリンクを強調 */
}

a:hover {
    color: #a8442a;
    border-bottom-color: #a8442a;
}