/**
 * レスポンシブ調整
 *
 * ブレイクポイント: 768px / 1024px
 */

/* ============================================================
   タブレット（768px〜）
   ============================================================ */
@media (min-width: 768px) {
    /* ユーティリティ */
    .u-sp-only {
        display: none;
    }

    /* ヘッダー */
    .l-header__tagline {
        display: block;
    }

    /* レイアウト */
    .l-content__inner--with-sidebar {
        grid-template-columns: 1fr 280px;
    }

    /* フッター */
    .l-footer__inner {
        grid-template-columns: 1fr 1fr;
    }

    .l-footer__bottom-inner {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* ============================================================
   デスクトップ（1024px〜）
   ============================================================ */
@media (min-width: 1024px) {
    /* ユーティリティ */
    .u-pc-only {
        display: block;
    }

    /* ヘッダー */
    .l-header__logo {
        max-width: 280px;
    }

    .l-header__logo img {
        max-height: 44px;
    }

    .l-header__nav {
        display: flex;
        align-items: center;
    }

    .l-header__contact {
        display: flex;
    }

    .l-header__menu-toggle {
        display: none;
    }

    .l-header__mobile-menu {
        display: none;
    }

    /* フッター */
    .l-footer__inner {
        grid-template-columns: 2fr 1fr 1fr;
    }
}