/* カスタムカーソルのベーススタイル */
.custom-cursor {
    width: 32px;
    height: 32px;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    background-image: url('../images/cursor.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: none; /* 初期状態では非表示 */
}

/* ホバー時のカーソル表示 */
.cursor-hover {
    opacity: 1;
}

/* 画像カーソルの場合 */
.cursor-image {
    width: 32px;
    height: 32px;
    background-image: url('../images/cursor.png');
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}

/* カーソルを非表示にする */
.hide-cursor {
    cursor: none;
}

/* サービスカード上でのデフォルトカーソル非表示 */
.service-card {
    cursor: none;
}