/* column-001.html ナビメニューホバー時の白い四角修正 */
.nav-menu a::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 0;
    height: 2px;
    background: #2C7A7B;
    transition: width 0.3s ease;
    /* 白い背景を防ぐため、明示的に透明な背景色を設定 */
    background-color: #2C7A7B;
}

.nav-menu a:hover::after,
.nav-menu a.active::after {
    width: 100%;
}

.nav-menu a:hover {
    color: #2C7A7B;
    /* 白い背景が表示されないように */
    background: transparent !important;
    background-color: transparent !important;
}

.nav-menu a {
    background: none !important;
    background-color: transparent !important;
    /* 白い枠線を完全に削除 */
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

/* activeクラスが付与されている場合も白い背景を削除 */
.nav-menu a.active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* フォーカス時の白い枠を削除 */
.nav-menu a:focus {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}