/* ============================================================
   V-sta 共通シェル（ヘッダー/フッター）
   マイページ・企業ポータル等のログイン付きPHPページ用。
   既存のページ内CSSと衝突しないよう、すべて vs- 接頭辞。
   ============================================================ */
.vs-shell-body{background:#f7f8ff}
.vs-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(120,130,200,.14);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.vs-header__in{max-width:1180px;margin:auto;padding:0 22px;height:70px;display:flex;align-items:center;gap:22px}
.vs-logo{display:inline-flex;align-items:center}
.vs-logo img{height:40px;width:auto;display:block}
.vs-nav{display:flex;gap:20px;font-size:14px;font-weight:700;margin-right:auto}
.vs-nav a{color:#2b3358;text-decoration:none}
.vs-nav a:hover{color:#6846fa}
.vs-actions{display:flex;gap:8px;align-items:center}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:9px 16px;font-weight:800;font-size:13px;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;font-family:inherit}
.vs-btn--ghost{border-color:#c7c9f7;background:#fff;color:#3a3f78}
.vs-btn--grad{color:#fff;background:linear-gradient(100deg,#d52cf2,#7751ff 48%,#2f96ff)}
.vs-btn:hover{transform:translateY(-1px)}
.vs-menu{display:none;margin-left:auto;width:40px;height:40px;border:0;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(40,45,100,.08);padding:9px;cursor:pointer}
.vs-menu span{display:block;height:2px;background:#2448ff;margin:5px 0}
.vs-mnav{display:none;flex-direction:column;gap:2px;padding:8px 22px 14px;background:#fff;border-bottom:1px solid #eef0fb;font-family:"Noto Sans JP",sans-serif}
.vs-mnav.open{display:flex}
.vs-mnav a{padding:11px 4px;font-size:14px;font-weight:700;color:#2b3358;border-bottom:1px solid #f1f2f8;text-decoration:none}
.vs-mnav .vs-btn{margin-top:8px;border-bottom:0}
@media(max-width:820px){.vs-nav,.vs-actions{display:none}.vs-menu{display:block}.vs-header__in{height:62px}.vs-logo img{height:34px}}

.vs-footer{background:#11182f;color:#fff;padding:34px 0 22px;margin-top:44px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif}
.vs-footer__in{max-width:1180px;margin:auto;padding:0 22px}
.vs-footer__row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
.vs-footer__logo{font-weight:900;font-size:22px;letter-spacing:-.05em;color:#fff}
.vs-footer__logo b{background:linear-gradient(135deg,#c932ff,#5c43ff 48%,#19bdf5);-webkit-background-clip:text;color:transparent}
.vs-footer__logo .st{font-size:12px;color:#8890b5;font-weight:800;margin-left:6px}
.vs-footer__links{display:flex;gap:10px 20px;flex-wrap:wrap}
.vs-footer__links a{color:#9aa1c6;text-decoration:none;font-size:13px}
.vs-footer__links a:hover{color:#fff}
.vs-footer small{display:block;color:#8890b5;font-size:11px;margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}