:root{
      --ink:#2e1a24; --ink-soft:#6b5560; --ink-faint:#9a8a90; --line:#f0dde2;
      --grad:linear-gradient(135deg,#ff5a8c,#a05cff);
      --pink:#e23e5e;
    }
    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; }
    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:920px; 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:78px 0 64px; overflow:hidden; background:linear-gradient(155deg,#ff5a8c,#a05cff 60%,#7b2ff7); }
    .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:620px; opacity:.95; }

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

    /* 説明会の概要カード */
    .babout{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
    .babout__c{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 12px 30px rgba(120,40,60,.06); }
    .babout__ic{ width:40px; height:40px; border-radius:11px; background:var(--grad); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:900; }
    .babout__t{ font-weight:900; margin-top:12px; }
    .babout__d{ font-size:.84rem; color:var(--ink-soft); margin-top:6px; }

    /* 予約の流れ（仕組み） */
    .bflow{ display:flex; align-items:stretch; gap:0; flex-wrap:wrap; }
    .bflow__s{ flex:1 1 0; min-width:180px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 18px; position:relative; }
    .bflow__n{ font-size:.7rem; font-weight:900; letter-spacing:.1em; color:var(--pink); }
    .bflow__t{ font-weight:900; margin-top:6px; font-size:.98rem; }
    .bflow__d{ font-size:.8rem; color:var(--ink-soft); margin-top:6px; }
    .bflow__arrow{ flex:0 0 34px; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); font-size:1.3rem; font-weight:900; }
    .bflow__tag{ display:inline-block; margin-top:8px; font-size:.66rem; font-weight:800; color:var(--pink); background:#fff5f7; border:1px solid var(--line); border-radius:6px; padding:2px 8px; }

    /* 予約ウィジェット */
    #booking{ scroll-margin-top:80px; }
    .book{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:30px 32px 34px; box-shadow:0 14px 34px rgba(120,40,60,.08); }
    .book__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:30px; }
    .book__step{ margin-bottom:24px; }
    .book__label{ font-size:.84rem; font-weight:900; margin-bottom:12px; }

    /* カレンダー（月表示） */
    .cal__nav{ display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
    .cal__month{ font-size:1.05rem; font-weight:900; }
    .cal__btn{ border:1.5px solid var(--line); background:#fff; color:var(--ink); width:36px; height:36px; border-radius:10px; font-size:1rem; font-weight:900; cursor:pointer; transition:border-color .2s,background .2s,color .2s; }
    .cal__btn:hover:not(:disabled){ border-color:var(--pink); color:var(--pink); }
    .cal__btn:disabled{ opacity:.3; cursor:not-allowed; }
    .cal__dows{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-bottom:6px; }
    .cal__dow{ text-align:center; font-size:.7rem; font-weight:800; color:var(--ink-faint); }
    .cal__dow.sat{ color:#3b82f6; } .cal__dow.sun{ color:var(--pink); }
    .cal__grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
    .cday{ position:relative; aspect-ratio:1/1; border:1.5px solid var(--line); border-radius:11px; background:#fff; font:inherit; font-weight:800; font-size:.92rem; color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:border-color .2s,background .2s; }
    .cday:hover:not(:disabled){ border-color:var(--pink); }
    .cday.is-active{ border-color:var(--pink); background:#fff5f7; }
    .cday.is-empty{ border:0; background:transparent; cursor:default; }
    .cday:disabled{ color:var(--ink-faint); background:#faf7f8; cursor:not-allowed; }
    .cday.has-slot::after{ content:""; position:absolute; bottom:7px; left:50%; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background:var(--pink); }
    .cday.is-active.has-slot::after{ background:var(--pink); }
    .cday.is-full{ color:var(--ink-faint); }
    .cday.is-full::after{ background:#d9c9cf; }
    .cal__legend{ display:flex; gap:18px; margin-top:14px; font-size:.74rem; color:var(--ink-soft); }
    .cal__legend span{ display:inline-flex; align-items:center; gap:6px; }
    .cal__dot{ width:6px; height:6px; border-radius:50%; background:var(--pink); display:inline-block; }
    .cal__dot.full{ background:#d9c9cf; }

    /* 右カラム（時間・連絡先） */
    .book__panel{ background:#faf8ff; border:1px solid var(--line); border-radius:16px; padding:22px; }
    .book__times{ display:flex; flex-wrap:wrap; gap:10px; }
    .btime{ border:1.5px solid var(--line); border-radius:10px; padding:10px 16px; font-weight:800; font-size:.88rem; cursor:pointer; background:#fff; font-family:inherit; color:var(--ink); transition:border-color .2s,background .2s,color .2s; }
    .btime:hover{ border-color:var(--pink); }
    .btime.is-active{ border-color:transparent; background:var(--grad); color:#fff; }
    .btime.is-full{ opacity:.38; cursor:not-allowed; text-decoration:line-through; }
    .book__hint{ font-size:.84rem; color:var(--ink-faint); margin:0; }
    .erow{ display:grid; grid-template-columns:1fr; gap:14px; margin-top:6px; }
    .einput,.eselect{ width:100%; border:1.5px solid var(--line); border-radius:11px; padding:12px 14px; font:inherit; color:var(--ink); background:#fff; transition:border-color .2s,box-shadow .2s; }
    .einput:focus,.eselect:focus{ outline:none; border-color:var(--pink); box-shadow:0 0 0 3px rgba(226,62,94,.12); }
    .book__summary{ display:flex; align-items:center; gap:10px; background:#fff; border:1px dashed var(--line); border-radius:12px; padding:13px 16px; font-weight:800; font-size:.9rem; margin:18px 0 16px; }
    .book__summary b{ color:var(--pink); }
    .esubmit{ width:100%; border:0; background:var(--grad); color:#fff; font-weight:900; font-size:1rem; padding:16px; border-radius:999px; cursor:pointer; transition:transform .2s,box-shadow .2s; box-shadow:0 12px 26px rgba(160,60,140,.28); }
    .esubmit:hover{ transform:translateY(-2px); box-shadow:0 18px 34px rgba(160,60,140,.36); }
    .ehint{ font-size:.78rem; color:var(--ink-faint); margin-top:12px; text-align:center; }
    .esubmit:disabled{ opacity:.6; cursor:wait; transform:none; }
    .eerror{ margin-top:14px; padding:12px 16px; border-radius:12px; background:#fff1f1; color:#c0392b; font-size:.86rem; font-weight:700; line-height:1.7; text-align:center; }
    .eerror[hidden]{ display:none; }
    .eturnstile:not(:empty){ display:flex; justify-content:center; margin:0 0 16px; min-height:65px; }

    /* 完了 */
    .edone{ display:none; background:#fff; border:1px solid var(--line); border-radius:20px; padding:48px 36px; text-align:center; box-shadow:0 14px 34px rgba(120,40,60,.08); }
    .edone__ic{ width:64px; height:64px; border-radius:50%; background:var(--grad); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:1.8rem; margin-bottom:16px; }
    .edone__t{ font-size:1.4rem; font-weight:900; }
    .edone__d{ font-size:.92rem; color:var(--ink-soft); margin-top:10px; }
    .edone__btn{ display:inline-block; margin-top:22px; background:var(--grad); color:#fff; font-weight:900; padding:13px 28px; border-radius:999px; }

    /* FAQ */
    .bfaq{ display:flex; flex-direction:column; gap:12px; }
    .bfaq__q{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 22px; }
    .bfaq__q b{ color:var(--pink); margin-right:8px; }
    .bfaq__a{ font-size:.86rem; color:var(--ink-soft); margin-top:8px; }

    @media(max-width:760px){
      .babout{ grid-template-columns:1fr; }
      .book__grid{ grid-template-columns:1fr; gap:22px; }
      .bflow__arrow{ flex-basis:100%; height:24px; transform:rotate(90deg); }
    }

/* ------------------------------------------------------------
   HTML の style 属性に直書きされていた指定をここへ移した（2026-09-17）
   ------------------------------------------------------------ */
.bfaq__a .bfaq__link { color: var(--pink); font-weight: 800; text-decoration: underline; }