/* 基本のスタイル設定 */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 10rem 0 0; /* ヘッダーと重ならないようにパディングを追加 */
    background: linear-gradient(to bottom, #add8e6, #d8bfd8); /* 背景に青と薄紫色のグラデーションを適用 */
    color: black;
    overflow: auto; /* スクロール可能に変更 */
}

/* プライバシーポリシーのセクションスタイル */
.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff; /* コンテナの背景色を白に */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 見出しのスタイル */
h1, h2 {
    text-align: center;
    color: #2c3e50; /* 見出しの色を濃い青に */
    margin: 1rem 0;
}

h1 {
    font-size: 2rem; /* h1のフォントサイズを少し小さく */
    border-bottom: 2px solid #4fa3c5; /* 下線を追加 */
    padding-bottom: 0.5rem;
}

h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
    border-bottom: 1px solid #ccc; /* セクション間の区切りとして下線を追加 */
    padding-bottom: 0.5rem;
}

/* テキストのスタイル */
.container p {
    margin: 1rem 0;
    line-height: 1.6;
    color: #555; /* テキストの色を薄い灰色に */
}

.container ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin: 1rem 0;
    text-align: left; /* 左寄せに設定 */
}

.container li {
    margin-bottom: 0.5rem;
}

.law {
    text-align: center;
}

a {
    color: #0056b3; /* 通常のリンク色 */
}