/* ------------------------------------- */
/* 💡 リンク文字に適用するスタイル */
/* ------------------------------------- */
.floating-link {    
    /* **ここが重要：変化をなめらかにする** */
    /* transformとtext-shadowの変化を0.3秒で実行 */
    transition: transform 0.3s ease, text-shadow 0.3s ease, color 0.3s ease;
    
    /* リンクはインライン要素なので、transformを使うためにインラインブロック化 */
    display: inline-block;
}

.companymain-nav a.floating-link {
    color: #fff !important;
    /*text-decoration: none;*/ /* 下線を消す */
}

/* ------------------------------------- */
/* マウスオーバー時（:hover）の状態 */
/* ------------------------------------- */
.floating-link:hover {
    /* 1. リンク文字を少し拡大する */
    transform: scale(1.1);
    
    /* 2. 文字に影をつけて立体感を出す */
    text-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4); 
    
    /* 3. 色を変えて目立たせる */
    /* color: #0056b3; */
    
    /* 4. カーソル形状を指の形に戻す（一部ブラウザ対策） */
    cursor: pointer;
}