/* ぐりーん 支援プログラム|運動あそび ページ用CSS */
#gm-undo{--g:#17803A;--g2:#8DC21F;--o:#F39800;--bg:#FBFAF3;--bd:#D9E6CC;--lg:#EEF6E6;--lo:#FFF4E0;--br:#6B4200;color:#2B2B2B !important;font-family:'BIZ UDPGothic','Hiragino Sans','Yu Gothic',sans-serif !important;line-height:1.75 !important;font-size:16px !important;max-width:960px !important;margin:0 auto !important}
#gm-undo *{box-sizing:border-box !important}
#gm-undo img{max-width:100% !important;height:auto !important;display:block !important;border-radius:14px !important}
#gm-undo h1,#gm-undo h2,#gm-undo h3{font-family:'Zen Maru Gothic',sans-serif !important;color:var(--g) !important;line-height:1.4 !important;margin:0 0 .5em !important}
#gm-undo h1{font-size:clamp(26px,5vw,40px) !important;font-weight:900 !important}
#gm-undo h2{font-size:clamp(22px,4vw,30px) !important;font-weight:900 !important}
#gm-undo h3{font-size:18px !important;color:#2B2B2B !important}
#gm-undo p{margin:0 0 1em !important}
#gm-undo section{margin:0 0 48px !important}
#gm-undo .lead{font-weight:700 !important;font-size:13px !important;color:#fff !important;background:var(--g) !important;display:inline-block !important;padding:4px 14px !important;border-radius:999px !important;margin-bottom:10px !important}
#gm-undo .num{font-family:'Zen Maru Gothic',sans-serif !important;font-weight:900 !important;font-size:36px !important;color:var(--g2) !important;line-height:1 !important;margin-right:10px !important}
#gm-undo .tag{font-size:13px !important;font-weight:700 !important;color:var(--g) !important;background:var(--lg) !important;padding:3px 12px !important;border-radius:999px !important;vertical-align:middle !important;margin-left:6px !important}
#gm-undo .grid{display:grid !important;gap:12px !important}
#gm-undo .g2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
#gm-undo .g3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
#gm-undo .g4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
@media(max-width:680px){
#gm-undo .g2,#gm-undo .g3,#gm-undo .g4{grid-template-columns:1fr !important}
}
#gm-undo .card{background:#fff !important;border:1.5px solid var(--bd) !important;border-radius:16px !important;padding:14px 16px !important}
#gm-undo .soft{background:var(--lg) !important;border-radius:16px !important;padding:16px 18px !important}
#gm-undo .warm{background:var(--lo) !important;border-radius:16px !important;padding:16px 18px !important}
#gm-undo .warm h3{color:var(--br) !important}
#gm-undo .step{display:flex !important;gap:12px !important}
#gm-undo .circle{flex-shrink:0 !important;width:34px !important;height:34px !important;border-radius:50% !important;background:var(--g) !important;color:#fff !important;font-family:'Zen Maru Gothic',sans-serif !important;font-weight:900 !important;display:flex !important;align-items:center !important;justify-content:center !important}
#gm-undo .step h3{margin:0 0 2px !important;font-size:16px !important}
#gm-undo .step p{margin:0 !important;font-size:14.5px !important;line-height:1.6 !important}
#gm-undo .ex{font-size:13.5px !important;color:var(--g) !important;font-weight:700 !important;margin-top:4px !important}
#gm-undo figure{margin:0 !important}
#gm-undo figcaption{font-size:13px !important;color:#555 !important;margin-top:6px !important;line-height:1.5 !important}
#gm-undo .chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 !important;padding:0 !important;list-style:none !important}
#gm-undo .chips li{background:var(--lg) !important;border-radius:999px !important;padding:5px 14px !important;font-size:14px !important;font-weight:700 !important}
#gm-undo .q{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) !important;gap:12px !important;margin-bottom:10px !important}
@media(max-width:680px){
#gm-undo .q{grid-template-columns:1fr !important}
}
#gm-undo .q .worry{background:var(--lo) !important;color:var(--br) !important;font-weight:700 !important;border-radius:14px !important;padding:12px 16px !important;display:flex !important;align-items:center !important}
#gm-undo .q .ans b{color:var(--g) !important;font-size:13px !important}
#gm-undo .q .ans a{font-size:13px !important;font-weight:700 !important;color:var(--g) !important;display:block !important;text-align:right !important}
#gm-undo .flowbar{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}
#gm-undo .flowbar div{flex:1 1 150px !important;text-align:center !important;background:var(--lg) !important;border-radius:14px !important;padding:10px !important}
#gm-undo .flowbar div.last{background:var(--g) !important;color:#fff !important}
#gm-undo .flowbar strong{display:block !important;font-family:'Zen Maru Gothic',sans-serif !important;font-size:17px !important}
#gm-undo .flowbar span.arrow{color:var(--o) !important;font-weight:900 !important;font-size:22px !important}
#gm-undo ul.dot{margin:0 !important;padding-left:1.2em !important}
#gm-undo ul.dot li{margin:0 0 4px !important}
#gm-undo .btns{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin-top:12px !important}
#gm-undo .btn{display:inline-block !important;min-height:44px !important;padding:11px 22px !important;border-radius:999px !important;font-weight:700 !important;text-decoration:none !important;background:var(--g) !important;color:#fff !important}
#gm-undo .btn.line{background:#06C755 !important}
#gm-undo .btn.ghost{background:#fff !important;color:var(--g) !important;border:2px solid var(--g) !important}
#gm-undo .cta{background:var(--g) !important;color:#fff !important;border-radius:18px !important;padding:24px !important;text-align:center !important}
#gm-undo .cta h2{color:#fff !important}
#gm-undo .cta .tel{font-family:'Zen Maru Gothic',sans-serif !important;font-weight:900 !important;font-size:34px !important;color:#fff !important;text-decoration:none !important}
#gm-undo .cta .btn{background:#fff !important;color:var(--g) !important}
#gm-undo a{color:var(--g) !important}
#gm-undo ul.chips li::before,#gm-undo ul.chips li::marker{content:none !important}
#gm-undo ul.chips li{list-style:none !important;margin:0 !important}
#gm-undo img{width:100% !important}
#gm-undo .hero{display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important;gap:32px !important;align-items:center !important}
#gm-undo .hero h1{font-size:clamp(26px,3.6vw,36px) !important}
#gm-undo .hero-photo img{aspect-ratio:4/3 !important;object-fit:cover !important;object-position:50% 35% !important;border-radius:20px !important}
@media(max-width:680px){
#gm-undo .hero{grid-template-columns:1fr !important;gap:16px !important}
}
#gm-undo .grid figure img{aspect-ratio:4/3 !important;object-fit:cover !important;object-position:50% 40% !important}

/* ===== 2026-09-29 スマホ表示修正:ヒーロー写真を一番上に ===== */
@media(max-width:680px){
#gm-undo .hero-photo{order:-1 !important;margin:0 !important}
}

/* ===== 2026-10-14 ユーザー補助(コントラスト・リンク識別)の修正 ===== */
#gm-undo .num{color:#4F7F0A !important}
#gm-undo .btn.line{background:#06C755 !important;color:#0B2E14 !important}
#gm-undo p a,#gm-undo li a,#gm-undo .q .ans a{text-decoration:underline !important;text-underline-offset:2px !important}
#gm-undo .btn,#gm-undo .cta .tel{text-decoration:none !important}