@charset "UTF-8";

    html {
      scroll-behavior: smooth;
    }

    body {
      opacity: 0;
      transition: opacity 0.2s ease-in;
    }

    section {
      height: 100vh;
      padding: 50px;
    }

    /* 目立たせるための揺れアニメーション */
    @keyframes shake {
      0% { transform: translateX(0); }
      20% { transform: translateX(-10px); }
      40% { transform: translateX(10px); }
      60% { transform: translateX(-10px); }
      80% { transform: translateX(10px); }
      100% { transform: translateX(0); }
    }

    .highlight {
      animation: shake 0.5s ease-in-out;
    }