:root {
    --primary-color: #3498db;
    --bg-color: #1a1a2e;
    --card-bg: rgba(255, 255, 255, 0.1);
    --text-color: #ffffff;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    margin: 0;
    padding: 0;
    /* 背景画像の設定 */
    background-image: url('backimage001.webp'); /* 画像のパスを指定 */
    
    /* 背景を画面いっぱいに広げる */
    background-size: cover;
    
    /* 背景画像を中央に配置 */
    background-position: center;
    
    /* 【最重要】背景をスクロールさせずに固定する */
    background-attachment: fixed;
    
    /* 背景が繰り返されないようにする */
    background-repeat: no-repeat;
    
    /* テキストを見やすくするための余白（デモ用） */
    height: 2000px; 
    font-family: sans-serif;
    color: white;
}

.content {
    margin-top: 100px;
    text-align: center;
    max-width: 650px;
    margin: 0px auto;
}