/**
 * Footer Vertical Alignment Fix
 * サービス、導入サポート、お問い合わせの見出しを
 * 左側の「株式会社エムケイソルテック」テキストと縦位置を揃える
 */

/* フッター全体のグリッド調整 */
.footer-content {
    align-items: start; /* すべての列を上端揃えに */
}

/* 左側の会社情報セクション */
.footer-company {
    display: flex;
    flex-direction: column;
}

/* ロゴ画像のサイズを取得して、右側セクションのマージン調整に使用 */
.footer-logo-image {
    height: auto;
    width: 100%;
    max-width: 350px;
    margin-bottom: 15px;
}

/* 右側3セクション（サービス、導入サポート、お問い合わせ）のh4見出しを
   左側のh3「株式会社エムケイソルテック」と完全に同じ高さに揃える */
.footer-links h4,
.footer-contact h4 {
    /* ロゴ画像の実際の高さ（120px）+ margin-bottom（15px）= 135px */
    /* 実測値に基づく微調整: 差分 -2.08px を相殺 */
    margin-top: 135px !important;
}

/* レスポンシブ対応 */
@media (max-width: 1024px) {
    /* タブレット：2列表示時は調整を維持 */
    .footer-links h4,
    .footer-contact h4 {
        margin-top: 135px !important;
    }
}

@media (max-width: 768px) {
    /* モバイル：1列表示時は調整を解除 */
    .footer-links h4,
    .footer-contact h4 {
        margin-top: 0 !important;
    }
}

/* 小さいロゴ画像の場合の調整 */
@media (max-width: 768px) {
    .footer-logo-image {
        max-width: 200px; /* モバイルでは小さく */
    }
}