/* No Border Design Override - Gradient + Shadow Only */

/* 会社紹介カード - 枠線削除 & グラデーション背景 */
.company-intro {
    border-left: none !important;
    border: none !important;
}

.company-content {
    border-left: none !important;
    border: none !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 10px 30px rgba(10, 22, 40, 0.08), 0 4px 10px rgba(10, 22, 40, 0.04) !important;
}

/* Hover disabled */

/* ハイライトボックス - 枠線完全削除 & グラデーション強化 */
.company-highlight {
    border-left: none !important;
    border: none !important;
    background: linear-gradient(135deg, rgba(197, 223, 245, 0.4) 0%, rgba(247, 240, 212, 0.4) 100%);
    box-shadow: 0 8px 20px rgba(37, 99, 168, 0.1), 0 3px 8px rgba(201, 148, 29, 0.08);
    position: relative;
    overflow: hidden;
}

.company-highlight::before {
    display: none !important;
}

/* 包括的提案力の3つのアイテム - 枠線削除 & グラデーション背景 */
.diagram-item {
    border-top: none !important;
    background: linear-gradient(135deg, #ffffff 0%, rgba(197, 223, 245, 0.15) 100%);
    box-shadow: 0 8px 24px rgba(37, 99, 168, 0.1), 0 3px 10px rgba(10, 22, 40, 0.05);
}

/* Hover disabled */

/* 4つの活用パターンカード - 枠線削除 & 個別グラデーション */
.pattern-card {
    border-top: none !important;
    position: relative;
}

/* 教育・研修用 - グリーングラデーション */
.pattern-education {
    background: linear-gradient(135deg, #ffffff 0%, rgba(16, 185, 129, 0.08) 100%);
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.15), 0 4px 12px rgba(10, 22, 40, 0.05);
}

/* Hover disabled - keep as-is */

/* プロモーション用 - オレンジグラデーション */
.pattern-promotion {
    background: linear-gradient(135deg, #ffffff 0%, rgba(245, 158, 11, 0.08) 100%);
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.15), 0 4px 12px rgba(10, 22, 40, 0.05);
}

/* Hover disabled - keep as-is */

/* 運用実績説明用 - ブルーグラデーション */
.pattern-performance {
    background: linear-gradient(135deg, #ffffff 0%, rgba(59, 130, 246, 0.08) 100%);
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15), 0 4px 12px rgba(10, 22, 40, 0.05);
}

/* Hover disabled - keep as-is */

/* 販売向け - パープルグラデーション */
.pattern-sales {
    background: linear-gradient(135deg, #ffffff 0%, rgba(139, 92, 246, 0.08) 100%);
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.15), 0 4px 12px rgba(10, 22, 40, 0.05);
}

.pattern-sales:hover {
    background: linear-gradient(135deg, #ffffff 0%, rgba(139, 92, 246, 0.15) 100%);
    box-shadow: 0 20px 45px rgba(139, 92, 246, 0.2), 0 8px 20px rgba(10, 22, 40, 0.08);
}

/* 制作事例カード - シンプルグラデーション */
.case-simple-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(10, 22, 40, 0.08), 0 3px 10px rgba(10, 22, 40, 0.04);
}

.case-simple-card:hover {
    background: linear-gradient(135deg, #ffffff 0%, rgba(197, 223, 245, 0.2) 100%);
    box-shadow: 0 16px 36px rgba(10, 22, 40, 0.12), 0 6px 16px rgba(10, 22, 40, 0.06);
}

/* 制作フローカード */
.flow-step-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(10, 22, 40, 0.08), 0 3px 10px rgba(10, 22, 40, 0.04);
}

/* Hover disabled */

/* 強み特徴カード */
.strength-feature-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 8px 24px rgba(10, 22, 40, 0.08), 0 3px 10px rgba(10, 22, 40, 0.04);
}

/* Hover disabled */

/* FAQアイテム */
.faq-item {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 4px 16px rgba(10, 22, 40, 0.06), 0 2px 6px rgba(10, 22, 40, 0.03);
}

/* Hover disabled */

/* コンプライアンスリストアイテム - シンプルなリスト表示 */
.company-compliance-list {
    flex-direction: column !important;
    gap: 0.75rem !important;
    align-items: flex-start !important;
}

.company-compliance-list li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 1.0625rem !important;
    color: var(--neutral-700) !important;
}

.company-compliance-list li:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: default !important;
}

.company-compliance-list li i {
    color: var(--accent-500) !important;
    font-size: 1.125rem !important;
    margin-right: 0.125rem !important;
}

/* アニメーション強化 */
.pattern-card,
.diagram-item,
.case-simple-card,
.flow-step-card,
.strength-feature-card,
.company-intro {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}