/* 全体の基本設定（文字を大きく、読みやすく） */
body {
    font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
    font-size: 18px; /* シニア向けに通常（16px）より大きく設定 */
    line-height: 1.5; /* 行間を広げて読みやすく */
    color: #333333;
    background-color: #f9f9f6; /* 目が疲れない薄いベージュ */
    margin: 1.5em;
    padding: 0;
}

/* ヘッダー */
header {
    background-color: #4caf50; /* 優しい緑色 */
    color: white;
    padding: 15px 10px;
}
.header-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
header h1 { margin: 0; font-size: 28px; }
.header-tel { font-size: 22px; font-weight: bold; margin: 0; }

/* ナビゲーションメニュー */
nav {
    background-color: #333;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
nav li a {
    display: block;
    color: white;
    padding: 15px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
}
nav li a:hover, nav li a.active {
    background-color: #ff9800; /* 目立つオレンジ色 */
}

/* メインコンテンツの幅制限 */
main {
    max-width: 800px; /* 横に広がりすぎると読みづらいため制限 */
    margin: 30px auto;

    padding: 10px, 10px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* 見出しの装飾 */
h2 {
    color: #4caf50;
    border-left: 8px solid #ff9800; /* オレンジの縦線 */
    padding-left: 15px;
    font-size: 24px;
    margin-top: 20px;
}

h3 {
    color: #4caf50;
    border-left: 8px solid #ff9800; /* オレンジの縦線 */
    padding-left: 15px;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;

}




/* 箇条書き */
ul, ol {
    padding-left: 25px;
}
li {
    margin-bottom: 10px;
}

/* テーブル　*/
ul, ol {
table, td, th { border: 2px dotted lightsaimon; }
}

/* 表に枠線 */
table, td, th { border: 2px solid lightsalmon; }



/* フッター */
footer {
    text-align: center;
    padding: 20px;
    background-color: #333;
    color: white;
    font-size: 15px;
    margin-top: 50px;
}