@charset "UTF-8";

/* 1. 基本リセット ---------------------------------- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;          /* 箱モデルを統一 */
}

/* 2. フォントとテキスト --------------------------------- */
html {
    line-height: 1.5;                /* 行間を設定 */
    -webkit-text-size-adjust: 100%; /* iOS の自動拡大を防止 */
    font-family: system-ui, sans-serif; /* システムフォント優先 */
}

/* 3. ブロックレベル要素 --------------------------------- */
body, h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
    margin: 0;
}

/* 4. リスト ------------------------------------------ */
ul[role="list"], ol[role="list"] {
    list-style: none;
}

/* 5. テーブル ---------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 6. アンカー ---------------------------------------- */
a {
    text-decoration: none;          /* 下線を除去（必要なら追加） */
    color: inherit;
}

/* 7. フォーム ---------------------------------------- */
button, input, textarea, select {
    font: inherit;                  /* フォント継承 */
    background: none;
    border: none;
}

/* 8. デフォルト画像とSVG -------------------------------- */
img, svg {
    max-width: 100%;
    height: auto;
}

/* 9. スクロールバー（WebKit） --------------------------- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 4px;
}

/* 10. アクセシビリティ -------------------------------- */
:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}





ul, ol {
  list-style: none;
}



/* ======================================== */

@keyframes bounce {
  0%, 100%   { transform: translateY(0); }          /* 初期位置 */
  20%        { transform: translateY(20px); }      /* 上へ移動（負値） */
}