:root{
      --ink:#2e1a24; --ink-soft:#6b5560; --line:#f0dde2;
      --grad:linear-gradient(135deg,#ff5a8c,#a05cff);
      --pink:#e23e5e;
    }
    *{ box-sizing:border-box; }
    body{ font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; line-height:1.8; }
    a{ color:inherit; text-decoration:none; }
    .wrap{ width:1040px; max-width:90%; margin:0 auto; }

    .ghead{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
    .ghead__in{ display:flex; align-items:center; height:66px; }
    .ghead__logo img{ height:30px; width:auto; display:block; }
    .ghead__back{ margin-left:auto; font-size:.82rem; font-weight:800; color:var(--ink-soft); }
    .ghead__back:hover{ color:var(--pink); }

    .ghero{ position:relative; color:#fff; padding:84px 0 72px; overflow:hidden; background:linear-gradient(155deg,#7b2ff7,#ff4f6e 70%,#ff7a33); }
    .ghero::after{ content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:rgba(255,255,255,.12); }
    .ghero__in{ position:relative; z-index:1; }
    .ghero__tag{ display:inline-flex; gap:10px; align-items:center; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); font-size:.72rem; font-weight:800; letter-spacing:.06em; padding:6px 14px; border-radius:999px; }
    .ghero__en{ display:block; margin-top:18px; font-size:.95rem; font-weight:800; letter-spacing:.18em; opacity:.85; }
    .ghero h1{ font-size:clamp(2.2rem,5vw,3.2rem); font-weight:900; line-height:1.15; margin:6px 0 14px; }
    .ghero__lead{ font-size:1rem; max-width:640px; opacity:.95; }

    .gsec{ padding:60px 0; }
    .gsec--soft{ background:linear-gradient(180deg,#fff7f2,#fff); }
    .gsec__h{ display:flex; flex-direction:column; gap:4px; margin-bottom:26px; }
    .gsec__en{ font-size:.78rem; font-weight:900; letter-spacing:.12em; color:var(--pink); }
    .gsec__ja{ font-size:1.5rem; font-weight:900; }

    /* タブ */
    .jtabs{ display:inline-flex; gap:6px; background:#f3eef0; border-radius:999px; padding:5px; margin-bottom:30px; }
    .jtab{ border:0; background:transparent; font-weight:800; font-size:.9rem; color:var(--ink-soft); padding:10px 24px; border-radius:999px; cursor:pointer; transition:background .2s ease,color .2s ease; }
    .jtab.is-active{ background:#fff; color:var(--ink); box-shadow:0 4px 12px rgba(120,40,60,.12); }
    .jpanel{ display:none; }
    .jpanel.is-active{ display:block; animation:jfade .35s ease; }
    @keyframes jfade{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:none; } }

    /* 職種カード */
    .jjobs{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:34px; }
    .jjob{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 24px 28px; box-shadow:0 12px 30px rgba(120,40,60,.07); position:relative; overflow:hidden; }
    .jjob::before{ content:""; position:absolute; left:0; top:0; height:5px; width:100%; background:var(--grad); }
    .jjob__role{ font-size:1.14rem; font-weight:900; margin-top:4px; }
    .jjob__pay{ display:inline-block; margin-top:10px; font-size:.78rem; font-weight:800; color:#5a3ea0; background:#eef0ff; border-radius:999px; padding:5px 13px; }
    .jjob__h{ font-size:.72rem; font-weight:900; color:var(--pink); letter-spacing:.06em; margin:18px 0 9px; }
    .jjob__list{ list-style:none; padding:0; margin:0; }
    .jjob__list li{ font-size:.84rem; color:var(--ink-soft); line-height:1.7; padding-left:16px; position:relative; margin-bottom:4px; }
    .jjob__list li::before{ content:""; position:absolute; left:0; top:.62em; width:6px; height:6px; border-radius:50%; background:var(--grad); }
    .jjob__want{ font-size:.84rem; color:var(--ink-soft); line-height:1.8; }

    /* 募集条件テーブル */
    .jcond__t{ font-size:1.05rem; font-weight:900; margin-bottom:14px; }
    .jtable{ width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
    .jtable th,.jtable td{ text-align:left; padding:15px 20px; border-bottom:1px solid var(--line); font-size:.9rem; vertical-align:top; line-height:1.8; }
    .jtable th{ width:170px; background:#fff7f2; font-weight:900; white-space:nowrap; }
    .jtable tr:last-child th,.jtable tr:last-child td{ border-bottom:none; }

    /* 選考フロー */
    .jflow{ display:flex; gap:14px; flex-wrap:wrap; }
    .jstep{ flex:1 1 0; min-width:210px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; }
    .jstep__n{ width:30px; height:30px; border-radius:50%; background:var(--grad); color:#fff; font-weight:900; display:inline-flex; align-items:center; justify-content:center; font-size:.85rem; }
    .jstep__t{ font-weight:900; margin-top:12px; }
    .jstep__d{ font-size:.82rem; color:var(--ink-soft); margin-top:6px; line-height:1.8; }
    .jnote{ font-size:.8rem; color:var(--ink-soft); margin-top:16px; }

    @media(max-width:820px){ .jjobs{ grid-template-columns:1fr; } }
    @media(max-width:680px){ .jtable th{ width:116px; padding:13px 14px; } .jtable td{ padding:13px 14px; } }