@charset "UTF-8";
/*
 * 共通フッター専用 CSS — Figma「強みページ」フッター（グレー帯＋白文字）の再現。
 * import.css は編集禁止（Xserver で max-age 7日・キャッシュバスター無し配信のため）。
 * type1 レイアウトの @section('header-css') から mics()->asset() で全ページ読み込む。
 * 公開後に修正する場合は system/config/mics.php の version を bump すること。
 *
 * type2（会員登録LP）は本ファイルを読み込まないため、住所入りフッターのまま影響を受けない。
 */

/* グレー全幅帯（Figma: #d9d9d9 / PC 120px・SP 114px、白文字 Noto Sans JP Medium 20px）
   フォントは Noto Sans JP（type1 が Google Fonts でグローバル読み込み）。
   ヒラギノは weight 500 を持たず Mac で 300 に丸められて細く見えるため明示する。 */
footer {
    border-top: 0;
    padding: 0;
    background: #d9d9d9;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "Yu Gothic", sans-serif;
}

/* import.css の .container は PC 10px。ヘッダー(.header-wrap padding:0 20px)と
   左右インセットを揃えるため 20px に上書き（SP は import.css 側で元々 20px）。 */
footer .container {
    padding-left: 20px;
    padding-right: 20px;
}

/* max-width 1160 + 中央寄せで Figma の左右140pxガター(@1440)・内容幅1160に厳密一致 */
footer .footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1160px;
    margin: 0 auto;
    min-height: 120px;
}

footer .footer-menu > li {
    margin-right: 40px;
}

footer .footer-menu > li:last-child {
    margin-right: 0;
}

footer .footer-menu > li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .1em;
}

footer .copy-right {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .1em;
    text-align: right;
}

/* SP: 2行縦積み・中央寄せ */
@media only screen and (max-width: 768px) {
    footer .footer-inner {
        flex-direction: column;
        justify-content: center;
        min-height: 114px;
        gap: 8px;
    }

    footer .footer-menu {
        justify-content: center;
    }

    footer .footer-menu > li {
        margin: 0 10px;
    }

    footer .copy-right {
        text-align: center;
    }
}