/* ==========================================================================
   リセットCSS（モダンブラウザ・スマホ最適化版）
   ========================================================================== */

/* 1. すべての要素の余白をゼロにし、サイズ計算を直感的にする（重要） */
*,
*::before,
*::after {
    box-sizing: border-box; /* パディングや線を含めたサイズ計算にする */
    margin: 0;
    padding: 0;
}

/* 2. スマホ特有の挙動をコントロール */
html {
    -webkit-text-size-adjust: 100%; /* iOSのSafariで文字が勝手に大きくなるのを防ぐ */
    -webkit-tap-highlight-color: transparent; /* スマホでタップした時の青い影を消す */
}

/* 3. 画像や動画が親要素からはみ出さないようにする（スマホ対応に必須） */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 4. リンクのアンダーラインや色をリセット（common.css側で装飾するため） */
a {
    color: inherit;
    text-decoration: none;
}

/* 5. リスト（箇条書き）の「点（・）」やインデントを消す */
ul,
ol {
    list-style: none;
}

/* 6. ボタンや入力フォームのブラウザ固有のデザインをリセット */
button,
input,
select,
textarea {
    background-color: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    color: inherit;
    appearance: none; /* ブラウザ標準の見た目をリセット */
    -webkit-appearance: none;
}

button,
input[type="submit"],
input[type="button"],
label {
    cursor: pointer; /* マウスを乗せたら指マークにする（PC用） */
}

/* 7. テーブル（会社概要などで使用）の隙間を無くす */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 8. フォーム入力中の青い枠線を調整 */
*:focus {
    outline: none;
}