/* ================================================================ emit トップページ CSS（#emit-top） ⚠ このファイルは生成物です。直接編集しないでください。 編集の起点＝mockups/20260818-emit-top-elementor/_src/00-custom-css.css 直したら python3 _rebuild.py を実行するとこのファイルが作り直されます。 ================================================================ */ #emit-top{ --emit-main:#F29C9F; --emit-sub:#B6D996; --emit-accent:#6DC6D6; --emit-bg:#F4FBFC; --emit-warm:#FFF1F1; --emit-ink:#333333; --emit-soft:rgba(51,51,51,.85); --emit-border:rgba(109,198,214,.3); --emit-line:#06C755; /* LINEブランド色（2026-09-08 追加） */ --emit-radius:28px; font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif; color:var(--emit-ink); line-height:1.9; font-size:16px; background:#fff; overflow-x:hidden; } #emit-top *{box-sizing:border-box;margin:0;padding:0} #emit-top img{max-width:100%;display:block} /* 画面には出さず、読み上げと検索にだけ見せる（トップの h1 用・2026-10-01） */ #emit-top .emit-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #emit-top .emit-inner{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:1} #emit-top .emit-inner--wide{max-width:1320px} #emit-top .emit-sec{padding:100px 0;position:relative;overflow:hidden} #emit-top .emit-sec--white{background:#ffffff} #emit-top .emit-sec--bg{background:var(--emit-bg)} #emit-top .emit-sec--warm{background:var(--emit-warm)} #emit-top .emit-sec--tight{padding-bottom:0} #emit-top .emit-deco{position:absolute;border-radius:50%;pointer-events:none;z-index:0} #emit-top .emit-deco--soft{filter:blur(1px)} #emit-top .emit-head{text-align:center;margin-bottom:48px} #emit-top .emit-head .emit-en{display:block;font-size:11.5px;letter-spacing:.26em;color:var(--emit-accent);font-weight:800;text-transform:uppercase} #emit-top .emit-head h2{font-size:29px;font-weight:800;margin-top:10px;line-height:1.6;letter-spacing:.02em} #emit-top .emit-head p{color:var(--emit-soft);font-size:15px;margin-top:14px} #emit-top .emit-head--left{text-align:left} #emit-top a{color:var(--emit-accent)} #emit-top a:hover{color:var(--emit-main)} /* 写真枠 */ #emit-top .emit-ph{position:relative;overflow:hidden;border-radius:var(--emit-radius);background:#e9f4f6;display:grid;place-items:center;text-align:center;padding:16px} #emit-top .emit-ph--warm{background:#fbe4e4} #emit-top .emit-ph--4x3{aspect-ratio:4/3} #emit-top .emit-ph--3x4{aspect-ratio:3/4} #emit-top .emit-ph--3x2{aspect-ratio:3/2} #emit-top .emit-ph--band{aspect-ratio:16/4.4;border-radius:0} #emit-top .emit-ph--organic{border-radius:140px 28px 140px 28px} #emit-top .emit-ph__label{font-size:13px;font-weight:700;color:rgba(51,51,51,.42);line-height:1.7} #emit-top .emit-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;padding:0} /* CTA（単一パターン） */ #emit-top .emit-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--emit-main);color:#fff;font-weight:800;font-size:17px;padding:18px 30px 18px 38px;border-radius:999px;text-decoration:none;box-shadow:0 8px 20px rgba(242,156,159,.38);transition:transform .15s,box-shadow .15s} #emit-top .emit-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(242,156,159,.45)} #emit-top .emit-cta .emit-cta__ar{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center} #emit-top .emit-cta .emit-cta__ar svg{width:13px;height:13px} /* LINE用のボタン（2026-09-08 追加・下層ページと同じ見た目）。 .emit-cta__ar svg の指定の方が具体的なので、矢印は13pxのまま影響を受けない */ #emit-top .emit-cta--line{background:var(--emit-line);box-shadow:0 8px 20px rgba(6,199,85,.28)} #emit-top .emit-cta--line:hover{box-shadow:0 12px 26px rgba(6,199,85,.36)} #emit-top .emit-cta svg{flex:none;width:24px;height:24px} #emit-top .emit-cta-sub{font-size:14px;color:var(--emit-soft);text-decoration:none;border-bottom:1px dotted var(--emit-soft)} #emit-top .emit-cta-sub:hover{color:var(--emit-main)} /* ファーストビュー（メインビジュアル画像） */ #emit-top .emit-hero-mv{position:relative;background:var(--emit-bg)} #emit-top .emit-hero-mv picture{display:block} #emit-top .emit-hero-mv img{display:block;width:100%;height:auto} #emit-top .emit-hero-mv__cta{position:relative;z-index:2;margin:-36px auto 0;padding:0 20px 56px;display:flex;flex-direction:column;align-items:center;gap:16px} #emit-top .emit-hero-mv__cta .emit-cta{box-shadow:0 10px 26px rgba(242,156,159,.38)} /* ファーストビュー（旧テキスト版・未使用） */ /* 悩み 4列 */ #emit-top .emit-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} #emit-top .emit-wcard{background:#fff;border-radius:22px;padding:28px 22px;text-align:center;box-shadow:0 3px 14px rgba(90,120,130,.07)} #emit-top .emit-wcard .emit-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px} #emit-top .emit-wcard .emit-ic svg{width:26px;height:26px} #emit-top .emit-wcard h3{font-size:15px;font-weight:800;line-height:1.7} #emit-top .emit-wcard p{margin-top:10px;font-size:13.5px;color:var(--emit-soft);line-height:1.85;text-align:left} #emit-top .emit-lead{max-width:780px;margin:0 auto 40px;text-align:center;color:var(--emit-soft)} /* 2カラム（写真＋文章） */ #emit-top .emit-two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} #emit-top .emit-two__body p{font-size:15.5px;margin-bottom:16px} #emit-top .emit-two__body p:last-child{margin-bottom:0} #emit-top .emit-two__body strong{color:var(--emit-main)} #emit-top .emit-note{margin-top:32px;font-size:13.5px;color:var(--emit-soft);text-align:center} #emit-top .emit-note a{color:var(--emit-main);font-weight:700;text-decoration:none;border-bottom:1px dotted var(--emit-main)} /* 理念・支援カード */ #emit-top .emit-cards2{display:grid;grid-template-columns:1fr 1fr;gap:22px} #emit-top .emit-card{background:#fff;border-radius:22px;padding:28px 28px;box-shadow:0 3px 14px rgba(90,120,130,.07)} #emit-top .emit-card .emit-card__num{font-size:12px;font-weight:800;color:var(--emit-accent);letter-spacing:.16em} #emit-top .emit-card h3{font-size:17px;font-weight:800;margin:8px 0 12px;display:flex;align-items:center;gap:10px} #emit-top .emit-card h3 svg{flex:none;width:22px;height:22px} #emit-top .emit-card p{font-size:14.5px;color:var(--emit-soft)} #emit-top .emit-card--float{position:relative;z-index:2} #emit-top .emit-cards2--overlap{margin-top:-70px} #emit-top .emit-band{width:100%;margin:0} #emit-top .emit-origin{max-width:820px;margin:44px auto 0;background:#fff;border-radius:22px;padding:26px 32px;text-align:center;box-shadow:0 3px 14px rgba(90,120,130,.07)} #emit-top .emit-origin .emit-origin__lbl{font-size:11.5px;letter-spacing:.2em;color:var(--emit-main);font-weight:800} #emit-top .emit-origin p{font-size:14.5px;margin-top:8px} /* 施設長 */ #emit-top .emit-dir{display:grid;grid-template-columns:300px 1fr;gap:52px;align-items:start;max-width:1000px;margin:0 auto} #emit-top .emit-dir__media{position:relative} #emit-top .emit-dir__media .emit-ph{border-radius:24px} #emit-top .emit-dir__media::before{content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:24px;background:rgba(182,217,150,.28);z-index:0} #emit-top .emit-dir__media .emit-ph{position:relative;z-index:1} #emit-top .emit-dir__name{font-size:21px;font-weight:800} #emit-top .emit-dir__name span{display:block;font-size:12.5px;color:var(--emit-accent);font-weight:700;margin-top:6px} #emit-top .emit-dir__body p{font-size:14.5px;color:var(--emit-soft);margin:16px 0} #emit-top .emit-books{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding-top:22px;border-top:1px dashed rgba(51,51,51,.18)} #emit-top .emit-books h4{font-size:12.5px;color:var(--emit-main);font-weight:800;margin-bottom:8px;letter-spacing:.06em} #emit-top .emit-books ul{list-style:none} #emit-top .emit-books li{font-size:12.5px;color:var(--emit-soft);padding:5px 0 5px 14px;position:relative;line-height:1.65} #emit-top .emit-books li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--emit-accent)} /* 3つのサービス */ #emit-top .emit-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px} #emit-top .emit-svc{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 18px rgba(90,120,130,.09)} #emit-top .emit-svc .emit-ph{border-radius:0} #emit-top .emit-svc__body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1} #emit-top .emit-svc h3{font-size:17.5px;font-weight:800;display:flex;align-items:center;gap:10px} #emit-top .emit-svc h3 svg{flex:none;width:24px;height:24px} #emit-top .emit-svc .emit-svc__age{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:calc(3.4em + 14px);font-size:11.5px;color:#fff;border-radius:14px;padding:7px 13px;margin:12px 0 12px;font-weight:700;text-align:center;line-height:1.7} #emit-top .emit-svc:nth-child(1) .emit-svc__age{background:var(--emit-main)} #emit-top .emit-svc:nth-child(2) .emit-svc__age{background:var(--emit-accent)} #emit-top .emit-svc:nth-child(3) .emit-svc__age{background:var(--emit-sub)} #emit-top .emit-svc p{font-size:14px;color:var(--emit-soft)} /* 1日の流れ */ #emit-top .emit-flow-band{display:grid;grid-template-columns:1fr 1fr;gap:0} #emit-top .emit-flow-band .emit-ph{border-radius:0;aspect-ratio:16/6.5} #emit-top .emit-sched{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:980px;margin:0 auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 4px 18px rgba(90,120,130,.09)} #emit-top .emit-track{padding:30px 34px} #emit-top .emit-track+.emit-track{border-left:1px dashed rgba(51,51,51,.14)} #emit-top .emit-track__th{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:14px;margin-bottom:6px;border-bottom:2px solid var(--emit-warm)} #emit-top .emit-track__th h3{font-size:17px;font-weight:800} #emit-top .emit-track__th .emit-track__tag{font-size:11.5px;color:#fff;border-radius:999px;padding:3px 12px;font-weight:700} #emit-top .emit-track:nth-child(1) .emit-track__tag{background:var(--emit-main)} #emit-top .emit-track:nth-child(2) .emit-track__tag{background:var(--emit-accent)} #emit-top .emit-trow{display:flex;gap:16px;padding:11px 0;border-bottom:1px dashed rgba(51,51,51,.12)} #emit-top .emit-trow:last-child{border-bottom:none} #emit-top .emit-trow .emit-trow__tm{flex:none;width:58px;font-weight:800;color:var(--emit-main);font-size:14px} #emit-top .emit-trow .emit-trow__ac{font-size:14px;color:var(--emit-soft)} /* Instagram */ #emit-top .emit-ig-btnrow{text-align:center;margin-top:34px} #emit-top .emit-ig-btn{display:inline-flex;align-items:center;gap:10px;background:var(--emit-accent);color:#fff;font-weight:800;font-size:15px;padding:14px 30px;border-radius:999px;text-decoration:none;transition:transform .15s} #emit-top .emit-ig-btn:hover{color:#fff;transform:translateY(-2px)} #emit-top .emit-ig-btn svg{width:19px;height:19px} #emit-top .emit-ig-handle{text-align:center;color:var(--emit-soft);font-size:13.5px;margin-top:12px} /* お知らせ */ #emit-top .emit-news-list{max-width:900px;margin:0 auto;background:#fff;border-radius:26px;padding:10px 34px;box-shadow:0 4px 18px rgba(90,120,130,.09)} #emit-top .emit-news-item{display:flex;gap:24px;align-items:center;padding:22px 0;border-bottom:1px dashed rgba(51,51,51,.14)} #emit-top .emit-news-item:last-child{border-bottom:none} #emit-top .emit-news-item .emit-ph{flex:none;width:150px;border-radius:16px} #emit-top .emit-news-item .emit-ph .emit-ph__label{font-size:11px} #emit-top .emit-news-date{font-size:12.5px;color:var(--emit-accent);font-weight:800;letter-spacing:.04em} #emit-top .emit-news-title{display:block;font-size:15.5px;font-weight:700;color:var(--emit-ink);margin-top:6px;text-decoration:none;line-height:1.7} #emit-top .emit-news-title:hover{color:var(--emit-main)} #emit-top .emit-news-more{text-align:center;margin-top:32px} #emit-top .emit-news-more a{font-size:14px;color:var(--emit-main);font-weight:700;text-decoration:none;border-bottom:1px dotted var(--emit-main)} /* FAQ */ #emit-top .emit-faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px} #emit-top details.emit-faq{background:rgba(182,217,150,.22);border-radius:14px;padding:2px 24px;transition:background .15s} /* 後半がピンク続きのため FAQ は黄緑へ（2026-09-08） */ #emit-top details.emit-faq[open]{background:#fff;box-shadow:0 4px 16px rgba(90,120,130,.09)} #emit-top details.emit-faq summary{cursor:pointer;list-style:none;font-weight:700;padding:16px 0;display:flex;gap:12px;align-items:center;font-size:15.5px} #emit-top details.emit-faq summary::-webkit-details-marker{display:none} #emit-top details.emit-faq summary .emit-faq__qm{flex:none;width:26px;height:26px;border-radius:50%;background:#7FAF5B;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px} /* 白文字を保つため地色は黄緑の濃いめ。--emit-sub のままだと白抜きが読めない（2026-09-08） */ #emit-top details.emit-faq summary::after{content:"";margin-left:auto;flex:none;width:9px;height:9px;border-right:2.2px solid #7FAF5B;border-bottom:2.2px solid #7FAF5B;transform:rotate(-45deg);margin-right:4px} /* 矢印は白背景で見えるよう黄緑の濃いめ（2026-09-08） */ #emit-top details.emit-faq[open] summary::after{transform:rotate(45deg)} #emit-top details.emit-faq .emit-faq__ans{padding:0 0 18px 38px;color:var(--emit-soft);font-size:14.5px} /* 最終CTA */ #emit-top .emit-final{background:var(--emit-warm);padding:0;position:relative;overflow:hidden} #emit-top .emit-final__grid{display:grid;grid-template-columns:46fr 54fr;align-items:center;position:relative;z-index:1} #emit-top .emit-final__media .emit-ph{border-radius:0;aspect-ratio:4/3} #emit-top .emit-final__body{padding:80px 60px 80px 64px;max-width:640px} #emit-top .emit-final__body h2{font-size:28px;font-weight:800;margin-bottom:16px;line-height:1.6} #emit-top .emit-final__body p{font-size:15.5px;color:var(--emit-soft)} #emit-top .emit-final__chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px} #emit-top .emit-final__chips span{background:#fff;color:var(--emit-accent);border-radius:999px;padding:8px 17px;font-size:13.5px;font-weight:700} /* 空き状況 */ #emit-top .emit-vac-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:26px;font-size:13.5px;color:var(--emit-soft)} #emit-top .emit-vac-legend b{font-weight:800;color:var(--emit-ink);margin-right:6px} #emit-top .emit-vac-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:0 auto} #emit-top .emit-vac-card{background:#fff;border:1px solid rgba(51,51,51,.08);border-radius:22px;padding:24px 22px 26px;box-shadow:0 4px 18px rgba(90,120,130,.07)} #emit-top .emit-vac-card__ttl{font-weight:800;font-size:16px;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--emit-main)} #emit-top .emit-vac-scroll{overflow-x:auto} #emit-top .emit-vac-tbl{width:100%;border-collapse:collapse;font-size:14px;text-align:center} #emit-top .emit-vac-tbl th,#emit-top .emit-vac-tbl td{border:1px solid rgba(51,51,51,.1);padding:12px 6px;vertical-align:middle} #emit-top .emit-vac-tbl thead th{background:rgba(109,198,214,.14);font-weight:800;font-size:13.5px} #emit-top .emit-vac-tbl tbody th{background:rgba(51,51,51,.03);font-weight:800;font-size:13.5px;width:56px} #emit-top .emit-vac-tbl td span{font-size:17px;font-weight:800;line-height:1} #emit-top .emit-vac-tbl td small{display:block;margin-top:5px;font-size:11px;color:var(--emit-soft);white-space:nowrap} #emit-top .emit-vac-o{color:#5AA84F} #emit-top .emit-vac-t{color:#E0A22B} #emit-top .emit-vac-x{color:#B9B9B9} #emit-top .emit-vac__note{max-width:1000px;margin:18px auto 0;text-align:right;font-size:12.5px;color:var(--emit-soft)} /* お問い合わせ */ /* 2026-10-01：メールのカードを外し、電話・フォームの2つに（スパム対策） */ #emit-top .emit-contact-bar{display:grid;grid-template-columns:repeat(2,1fr);max-width:980px;margin:0 auto;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 4px 18px rgba(90,120,130,.09)} #emit-top .emit-contact-c{padding:30px 26px;display:flex;gap:16px;align-items:flex-start} #emit-top .emit-contact-c+.emit-contact-c{border-left:1px solid rgba(51,51,51,.08)} #emit-top .emit-contact-c .emit-ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center} #emit-top .emit-contact-c .emit-ic svg{width:22px;height:22px} #emit-top .emit-contact-c .emit-contact-c__lbl{font-weight:800;font-size:14.5px;margin-bottom:4px} #emit-top .emit-contact-c__link{color:inherit;text-decoration:underline;text-underline-offset:3px} #emit-top .emit-contact-c__link:hover{color:var(--emit-main)} #emit-top .emit-contact-c .emit-contact-c__v{color:var(--emit-soft);font-size:13.5px;line-height:1.8} @media(max-width:900px){ #emit-top .emit-cards4{grid-template-columns:1fr 1fr} #emit-top .emit-svc-grid{grid-template-columns:1fr} #emit-top .emit-final__grid{grid-template-columns:1fr} #emit-top .emit-final__body{padding:48px 24px 64px;max-width:none} #emit-top .emit-contact-bar{grid-template-columns:1fr} #emit-top .emit-contact-c+.emit-contact-c{border-left:none;border-top:1px solid rgba(51,51,51,.08)} } @media(max-width:760px){ #emit-top .emit-sec{padding:64px 0} #emit-top .emit-inner{padding:0 20px} #emit-top .emit-hero-mv__cta{margin-top:-28px;padding-bottom:44px;align-items:stretch;text-align:center} #emit-top .emit-vac-grid{grid-template-columns:1fr;gap:20px} #emit-top .emit-vac-card{padding:20px 16px 22px} #emit-top .emit-vac-tbl{font-size:13px} #emit-top .emit-head h2{font-size:23px} #emit-top .emit-cards4,#emit-top .emit-cards2,#emit-top .emit-two,#emit-top .emit-sched,#emit-top .emit-flow-band,#emit-top .emit-books{grid-template-columns:1fr} #emit-top .emit-two{gap:28px} #emit-top .emit-cards2--overlap{margin-top:-40px} #emit-top .emit-track+.emit-track{border-left:none;border-top:1px dashed rgba(51,51,51,.14)} #emit-top .emit-flow-band .emit-ph{aspect-ratio:3/2} #emit-top .emit-ph--organic{border-radius:80px 24px 80px 24px} #emit-top .emit-dir{grid-template-columns:1fr;gap:34px} #emit-top .emit-dir__media{width:250px;max-width:100%;margin:0 auto} #emit-top .emit-cta{width:100%;font-size:16px;padding:17px 22px} #emit-top .emit-news-list{padding:6px 20px;margin:0 20px} /* 白枠の外にも左右余白（2026-09-08） */ #emit-top .emit-news-item .emit-ph{width:96px} #emit-top .emit-news-item{gap:14px} #emit-top .emit-final__media .emit-ph{aspect-ratio:3/2} } /* ================================================================ 実装時の追加分（2026-08-18） ここから下は元デザインには無い。動的ウィジェットの見た目合わせ用。 --------------------------------------------------------------- 注意：下の2ブロックは実際のプラグイン出力を見てから当てること。 セレクタは Smash Balloon / Loop Grid のバージョンで変わる。 未確認のまま入れると効かないか、効きすぎて崩れる。 ================================================================ */ /* Instagram（Smash Balloon）：本文の横幅とタイルの角丸を他セクションに合わせる ※ #sb_instagram は Smash Balloon の既定コンテナ id。要現物確認 */ /* 2026-10-01：Instagram はショートコードウィジェットで #emit-top の外にあるため、 #emit-top 始まりでは効いていなかった。トップページ（ID 1501）の本文で絞る。 左右の余白は .emit-inner と同じ（PC 24px・スマホ 20px）。 Smash Balloon はインラインで padding-bottom だけ出すので、左右は個別指定で当てる */ .elementor-1501 #sb_instagram{max-width:1320px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box} @media(max-width:760px){ .elementor-1501 #sb_instagram{padding-left:20px;padding-right:20px} } #emit-top #sb_instagram .sbi_photo_wrap, #emit-top #sb_instagram .sbi_photo{border-radius:18px;overflow:hidden} /* お知らせ（Loop Grid）：ループアイテムに .emit-news-item を付ける前提。 Loop Grid コンテナ側には .emit-news-list を付ける。 Elementor が挟むラッパーの分だけ、既存の .emit-news-item の flex が 効かない場合がある。そのときは下の1行を有効にする #emit-top .emit-news-list .e-loop-item{display:contents} */ /* ================================================================ ヘッダーメニュー「スケジュール」の着地点（2026-08-24 追加） --------------------------------------------------------------- メニューの「スケジュール」は https://emitb.jp/#emit-schedule を指す。 #emit-flow（セクション上端）ではなく見出しブロックに着地させている。 理由：#emit-flow は padding-top:0 で先頭が写真バンドのため、 セクション上端に飛ぶとスマホで写真 500px 分だけが画面を埋め、 見出し「1日の流れ」まで届かない。 scroll-margin-top は sticky ヘッダーの実測高さ（PC 100px・ 768px幅 120px・375px幅 75px）を逃がすための余白。 ================================================================ */ #emit-top #emit-schedule{scroll-margin-top:120px} @media(max-width:760px){ #emit-top #emit-schedule{scroll-margin-top:80px} } /* ===== 個別支援（保護者同伴の個別療育）===== */ #emit-top .emit-vac-ind{max-width:1000px;margin:34px auto 0;background:var(--emit-warm);border-radius:22px;padding:30px 28px 32px;position:relative;overflow:hidden} #emit-top .emit-vac-ind::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--emit-main)} #emit-top .emit-vac-ind__badge{display:inline-block;background:var(--emit-main);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 14px;border-radius:999px;line-height:1.6} #emit-top .emit-vac-ind__ttl{font-size:21px;font-weight:800;margin:12px 0 10px;line-height:1.6} #emit-top .emit-vac-ind__lead{font-size:15px;color:var(--emit-soft);margin-bottom:22px} #emit-top .emit-vac-ind__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px} #emit-top .emit-vac-ind__chip{background:#fff;border-radius:14px;padding:14px 16px;text-align:center} #emit-top .emit-vac-ind__chip dt{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--emit-accent);text-transform:uppercase;line-height:1.6} #emit-top .emit-vac-ind__chip dd{font-size:15.5px;font-weight:800;margin-top:4px;line-height:1.6} #emit-top .emit-vac-ind__chip dd small{display:block;font-size:12px;font-weight:400;color:var(--emit-soft);margin-top:2px} #emit-top .emit-vac-ind__slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px} #emit-top .emit-vac-ind__slot{background:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:10px} #emit-top .emit-vac-ind__slot b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--emit-main);color:#fff;font-size:13px;flex:none} #emit-top .emit-vac-ind__slot span{font-size:18px;font-weight:800;letter-spacing:.02em} #emit-top .emit-vac-ind__sub{font-size:12.5px;font-weight:800;letter-spacing:.16em;color:var(--emit-accent);margin-bottom:12px} #emit-top .emit-vac-ind__flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px} #emit-top .emit-vac-ind__step{background:#fff;border-radius:14px;padding:16px 14px;text-align:center;position:relative} #emit-top .emit-vac-ind__step:not(:last-child)::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:7px solid var(--emit-main);border-top:5px solid transparent;border-bottom:5px solid transparent;z-index:1} #emit-top .emit-vac-ind__step em{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 8px;border-radius:50%;background:var(--emit-sub);color:#fff;font-size:12px;font-weight:800;font-style:normal} #emit-top .emit-vac-ind__step p{font-size:13.5px;font-weight:700;line-height:1.7} #emit-top .emit-vac-ind__step p small{display:block;font-size:11.5px;font-weight:400;color:var(--emit-soft);margin-top:2px} #emit-top .emit-vac-ind__cta{background:#fff;border:2px solid var(--emit-main);border-radius:18px;padding:24px 24px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;text-align:center} #emit-top .emit-vac-ind__cta p{font-size:19px;font-weight:800;line-height:1.7} #emit-top .emit-vac-ind__tel{display:inline-flex;align-items:center;gap:8px;background:var(--emit-main);color:#fff;font-size:23px;font-weight:800;letter-spacing:.04em;padding:13px 30px;border-radius:999px;text-decoration:none;line-height:1.4} #emit-top .emit-vac-ind__tel:hover{color:#fff;opacity:.88} @media (max-width:760px){ #emit-top .emit-vac-ind{padding:24px 18px 26px;margin-top:26px} #emit-top .emit-vac-ind__ttl{font-size:18px} #emit-top .emit-vac-ind__chips{grid-template-columns:1fr;gap:8px} #emit-top .emit-vac-ind__chip{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px 16px} #emit-top .emit-vac-ind__chip dd{margin-top:0;text-align:right} #emit-top .emit-vac-ind__slots{grid-template-columns:1fr} #emit-top .emit-vac-ind__flow{grid-template-columns:1fr 1fr;gap:8px} #emit-top .emit-vac-ind__step:not(:last-child)::after{display:none} #emit-top .emit-vac-ind__cta{flex-direction:column;padding:20px 16px 22px;gap:10px} #emit-top .emit-vac-ind__cta p{font-size:16.5px} #emit-top .emit-vac-ind__tel{font-size:20px;padding:12px 24px} }