@charset "UTF-8";
/* =========================================================
   cta.css — 共通CTA動線（フッター直前に設置）
   カード形式をやめ、主ボタン＋テキストリンクのシンプルな導線に。
   カジュアル説明会 / エントリー / 募集職種 / Stance への動線を統一。
   ========================================================= */

.gx-cta {
    background: linear-gradient(135deg, #ff7a33 0%, #ff4f6e 55%, #ff77a0 100%);
    color: #fff;
    padding: 66px 6%;
    text-align: center;
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
}
.gx-cta * { box-sizing: border-box; }
.gx-cta__inner { max-width: 820px; margin: 0 auto; }
.gx-cta__eyebrow { display: block; font-size: 0.72rem; letter-spacing: 0.3em; font-weight: 800; opacity: 0.92; }
.gx-cta__title { font-size: clamp(1.7rem, 3.8vw, 2.5rem); font-weight: 900; line-height: 1.45; margin: 0.4em 0 0.3em; }
.gx-cta__sub { font-size: 0.95rem; line-height: 1.85; opacity: 0.94; margin: 0; }

/* 主ボタン（白・最優先のカジュアル説明会） */
.gx-cta__primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 30px 0 6px;
    padding: 17px 44px;
    border-radius: 999px;
    background: #ffffff;
    color: #e2482f;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.02em;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(120, 20, 50, 0.28);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.gx-cta__primary:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(120, 20, 50, 0.38); }

/* 副導線（テキストリンク） */
.gx-cta__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 30px;
    margin-top: 22px;
}
.gx-cta__links a {
    color: #fff;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    transition: border-color 0.2s ease, opacity 0.2s ease;
}
.gx-cta__links a:hover { border-bottom-color: #fff; opacity: 0.85; }

.gx-cta__note { margin: 26px 0 0; font-size: 0.8rem; opacity: 0.9; }

@media (max-width: 600px) {
    .gx-cta { padding: 52px 7%; }
    .gx-cta__primary { width: 100%; justify-content: center; padding: 16px 24px; }
    .gx-cta__links { flex-direction: column; gap: 14px; }
}