/* gw-free30 — 30分無料相談の訴求（ポップアップ／専門家ページのエリア）
   色はサイトのキーカラー（ピンク #de4592）。申し込みボタンも LINE の緑ではなくピンク（kim 2026-10-15）。LINEへ飛ぶことはアイコンと文言で示す。 */
.f30-ov[hidden]{display:none!important}
.f30-ov{position:fixed;inset:0;z-index:100000;background:rgba(47,42,40,.5);display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
.f30-pop{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(180deg,#fff5f9 0,#fff 42%);border-radius:22px;padding:30px 18px 16px;text-align:center;box-shadow:0 30px 60px -20px rgba(139,26,80,.5)}
.f30-x{position:absolute;top:8px;right:10px;width:36px;height:36px;border:0;background:none;font-size:24px;color:#9c938e;cursor:pointer}
.f30-rb{display:inline-block;margin:0 0 10px;background:#de4592;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;border-radius:999px;padding:4px 14px}
.f30-h{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.5;color:#2f2a28}
.f30-h em{font-style:normal;color:#de4592;font-size:1.25em}
.f30-lead{margin:0 0 14px;font-size:12px;line-height:1.8;color:#665c57}
.f30-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left}
.f30-t{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #fbdcec;border-radius:14px;text-decoration:none;color:#2f2a28;box-shadow:0 8px 18px -14px rgba(139,26,80,.6)}
.f30-t img{flex:none;width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #fbdcec}
.f30-tx{flex:1;min-width:0}
.f30-tx b{display:block;font-size:14.5px}
.f30-tx small{display:block;font-size:11px;line-height:1.55;color:#665c57}
.f30-go{flex:none;font-size:12px;font-weight:700;color:#fff;background:#de4592;border-radius:999px;padding:6px 12px}
.f30-note{margin:6px 0 4px;font-size:10.5px;color:#9c938e}
.f30-later{border:0;background:none;color:#9c938e;font-size:12px;text-decoration:underline;padding:6px;cursor:pointer}

/* 専門家ページの 30分無料エリア */
.f30s{margin:18px 0;padding:24px 16px 18px;border-radius:20px;background:linear-gradient(180deg,#fff5f9,#fff);border:1.5px solid #f3bcd8;box-shadow:0 18px 36px -26px rgba(139,26,80,.6);text-align:center;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;scroll-margin-top:80px}
.f30s.is-hl{animation:f30hl 1.6s ease 2}
@keyframes f30hl{0%,100%{box-shadow:0 18px 36px -26px rgba(139,26,80,.6)}50%{box-shadow:0 0 0 6px rgba(222,69,146,.25),0 18px 36px -26px rgba(139,26,80,.6)}}
.f30s .f30-rb{margin-bottom:8px}
.f30s h2{margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.5;color:#2f2a28}
.f30s h2 em{font-style:normal;color:#de4592}
.f30s-lead{margin:0 0 14px;font-size:12.5px;line-height:1.8;color:#665c57}
.f30s-pts{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.f30s-pts li{background:#fff;border:1px solid #fbdcec;border-radius:12px;padding:10px 4px;font-size:10.5px;line-height:1.5;color:#665c57}
.f30s-pts b{display:block;font-size:13px;color:#b8326f;margin-bottom:2px}
.f30s-h3{margin:0 0 8px;font-size:13.5px;font-weight:700;color:#2f2a28;text-align:left}
.f30s-flow{list-style:none;margin:0 0 14px;padding:0;text-align:left;counter-reset:f}
.f30s-flow li{position:relative;padding:8px 0 8px 38px;font-size:12.5px;line-height:1.7;color:#2f2a28;border-bottom:1px dotted #eee7ea}
.f30s-flow li::before{counter-increment:f;content:counter(f);position:absolute;left:4px;top:8px;width:24px;height:24px;border-radius:50%;background:#fdeef6;color:#de4592;font:700 12px/24px Georgia,serif;text-align:center}
.f30s-flow li small{display:block;font-size:11px;color:#9c938e}
.f30s-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:999px;padding:15px 18px;background:linear-gradient(135deg,#ef6aa9,#de4592);color:#fff!important;font-size:15.5px;font-weight:700;text-decoration:none!important;cursor:pointer;box-shadow:0 8px 18px -8px rgba(222,69,146,.8)}
.f30s-btn:hover{opacity:.92}
.f30s-sm{margin:8px 0 0;font-size:10.5px;color:#9c938e}

/* ポップアップを開いている間は、緑のクーポンバナーを隠す（重なり防止・kim 2026-10-15） */
body.gw-f30-open #gw-coupon-banner{display:none!important}
body.gw-f30-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.f30s.is-hl{animation:none}}

/* 専門家ページ：30分無料エリアが画面に入っている間は、下部の追従バー（「◯◯先生に相談」）と
   緑のクーポンバナーを隠す（LINEボタンに重なるため・kim 2026-10-15）。エリアから外れると元に戻る。 */
body.gw-f30-insec .gw-adv-sticky-cta{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,visibility .2s}
body.gw-f30-insec #gw-coupon-banner{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s,visibility .2s}