#gr-seikatsu{--g:#17803A;--g2:#8DC21F;--o:#F39800;--ink:#2B2B2B;--sub:#555;--bg:#F5F9EE;--line:#DCE8CC;font-family:'BIZ UDPGothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif !important;color:var(--ink) !important;font-size:16px !important;line-height:1.85 !important;max-width:960px !important;margin:0 auto !important;padding:0 4px !important;box-sizing:border-box !important;text-align:left !important}
#gr-seikatsu *{box-sizing:border-box !important}
#gr-seikatsu h1,#gr-seikatsu h2,#gr-seikatsu h3{font-family:'Zen Maru Gothic','BIZ UDPGothic',sans-serif !important;color:var(--ink) !important;font-weight:700 !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;letter-spacing:.02em !important;line-height:1.45 !important;text-align:left !important}
#gr-seikatsu p{margin:0 0 1em !important;padding:0 !important;font-size:16px !important;line-height:1.85 !important;color:var(--ink) !important}
#gr-seikatsu ul,#gr-seikatsu ol{margin:0 !important;padding:0 !important;list-style:none !important}
#gr-seikatsu li{margin:0 !important;padding:0 !important;list-style:none !important;background:none !important;font-size:16px !important;line-height:1.75 !important}
#gr-seikatsu li:before{content:none !important}
#gr-seikatsu img{display:block !important;width:100% !important;height:auto !important;aspect-ratio:4/3 !important;object-fit:cover !important;border-radius:14px !important;margin:0 !important;border:0 !important;max-width:100% !important}
#gr-seikatsu a{color:var(--g) !important;text-decoration:underline !important}
#gr-seikatsu .gr-sec{margin:0 0 64px !important;padding:0 !important}

/* hero */
#gr-seikatsu .gr-hero{display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:36px !important;align-items:center !important;margin:8px 0 56px !important}
#gr-seikatsu .gr-kicker{display:inline-block !important;background:var(--g) !important;color:#fff !important;font-size:14px !important;font-weight:700 !important;padding:4px 14px !important;border-radius:999px !important;margin:0 0 14px !important;line-height:1.6 !important}
#gr-seikatsu .gr-hero h1{font-size:32px !important;margin:0 0 18px !important}
#gr-seikatsu .gr-hero p{color:var(--sub) !important}
#gr-seikatsu .gr-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:6px 0 0 !important}
#gr-seikatsu .gr-chips li{background:var(--bg) !important;border:1px solid var(--line) !important;border-radius:999px !important;padding:3px 12px !important;font-size:14px !important;color:var(--g) !important}

/* heading */
#gr-seikatsu .gr-h2{display:flex !important;align-items:baseline !important;gap:14px !important;border-bottom:3px solid var(--g2) !important;padding:0 0 10px !important;margin:0 0 22px !important}
#gr-seikatsu .gr-h2 .gr-no{font-family:'Zen Maru Gothic',sans-serif !important;font-size:34px !important;color:var(--g2) !important;font-weight:700 !important;line-height:1 !important}
#gr-seikatsu .gr-h2 h2{font-size:25px !important}
#gr-seikatsu .gr-age{display:inline-block !important;font-size:13px !important;color:var(--o) !important;border:1px solid var(--o) !important;border-radius:999px !important;padding:1px 10px !important;margin:0 0 12px !important;line-height:1.7 !important}
#gr-seikatsu .gr-plain-h2{font-size:25px !important;margin:0 0 20px !important;padding:0 0 10px !important;border-bottom:3px solid var(--g2) !important}

/* worries */
#gr-seikatsu .gr-worry{background:var(--bg) !important;border-radius:18px !important;padding:28px 30px !important}
#gr-seikatsu .gr-worry ul{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px 28px !important}
#gr-seikatsu .gr-worry li{position:relative !important;padding:0 0 0 30px !important}
#gr-seikatsu .gr-worry li:after{content:"" !important;position:absolute !important;left:4px !important;top:.45em !important;width:14px !important;height:8px !important;border-left:3px solid var(--o) !important;border-bottom:3px solid var(--o) !important;transform:rotate(-45deg) !important}
#gr-seikatsu .gr-worry .gr-answer{margin:20px 0 0 !important;font-weight:700 !important;color:var(--g) !important}

/* body with photo */
#gr-seikatsu .gr-body{display:grid !important;grid-template-columns:1.15fr 1fr !important;gap:32px !important;align-items:start !important}
#gr-seikatsu .gr-body.gr-flip{grid-template-columns:1fr 1.15fr !important}
#gr-seikatsu .gr-body.gr-flip .gr-photo{order:-1 !important}
#gr-seikatsu .gr-body .gr-photo{position:sticky !important;top:20px !important}

/* clock ladder */
#gr-seikatsu .gr-ladder{position:relative !important;margin:26px 0 0 !important;padding:0 !important}
#gr-seikatsu .gr-ladder:before{content:"" !important;position:absolute !important;left:19px !important;top:10px !important;bottom:10px !important;width:3px !important;background:var(--line) !important;border-radius:2px !important}
#gr-seikatsu .gr-ladder li{position:relative !important;display:grid !important;grid-template-columns:42px 1fr !important;gap:16px !important;padding:0 0 18px !important}
#gr-seikatsu .gr-ladder .gr-dot{width:42px !important;height:42px !important;border-radius:50% !important;background:#fff !important;border:3px solid var(--g) !important;color:var(--g) !important;font-family:'Zen Maru Gothic',sans-serif !important;font-weight:700 !important;font-size:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;z-index:1 !important}
#gr-seikatsu .gr-ladder li:last-child .gr-dot{background:var(--g) !important;color:#fff !important}
#gr-seikatsu .gr-ladder b{display:block !important;font-size:17px !important;padding-top:6px !important}
#gr-seikatsu .gr-ladder span.gr-d{display:block !important;color:var(--sub) !important;font-size:15px !important}
#gr-seikatsu .gr-group{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 0 6px !important}
#gr-seikatsu .gr-group .gr-gl{font-size:13px !important;color:#fff !important;background:var(--g2) !important;border-radius:6px !important;padding:1px 10px !important;line-height:1.8 !important}
#gr-seikatsu .gr-note{background:#FFF6E6 !important;border-left:4px solid var(--o) !important;border-radius:0 10px 10px 0 !important;padding:14px 18px !important;font-size:15px !important;margin:6px 0 0 !important}
#gr-seikatsu .gr-note p{margin:0 !important;font-size:15px !important}

/* flow of three */
#gr-seikatsu .gr-flow{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important;margin:0 0 20px !important}
#gr-seikatsu .gr-flow li{background:#fff !important;border:2px solid var(--line) !important;padding:14px 16px 14px 22px !important;position:relative !important}
#gr-seikatsu .gr-flow li:first-child{border-radius:12px 0 0 12px !important}
#gr-seikatsu .gr-flow li:last-child{border-radius:0 12px 12px 0 !important}
#gr-seikatsu .gr-flow li+li{border-left:0 !important}
#gr-seikatsu .gr-flow b{display:block !important;color:var(--g) !important;font-family:'Zen Maru Gothic',sans-serif !important;font-size:17px !important}
#gr-seikatsu .gr-flow span{font-size:14px !important;color:var(--sub) !important;line-height:1.6 !important;display:block !important}

/* topic list */
#gr-seikatsu .gr-topics{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
#gr-seikatsu .gr-topics li{background:var(--bg) !important;border-radius:12px !important;padding:16px 18px !important}
#gr-seikatsu .gr-topics h3{font-size:17px !important;color:var(--g) !important;margin:0 0 4px !important}
#gr-seikatsu .gr-topics p{font-size:15px !important;margin:0 !important;color:var(--ink) !important;line-height:1.7 !important}
#gr-seikatsu .gr-topics.gr-three{grid-template-columns:repeat(3,1fr) !important}
#gr-seikatsu .gr-mt{margin-top:22px !important}

/* age table */
#gr-seikatsu .gr-ages{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:14px !important}
#gr-seikatsu .gr-ages > div{border:2px solid var(--line) !important;border-radius:14px !important;padding:18px !important;background:#fff !important}
#gr-seikatsu .gr-ages h3{font-size:17px !important;margin:0 0 10px !important;padding:0 0 8px !important;border-bottom:2px dotted var(--g2) !important}
#gr-seikatsu .gr-ages li{font-size:15px !important;padding:0 0 0 14px !important;position:relative !important;margin:0 0 4px !important}
#gr-seikatsu .gr-ages li:after{content:"" !important;position:absolute !important;left:0 !important;top:.7em !important;width:6px !important;height:6px !important;border-radius:50% !important;background:var(--g2) !important}
#gr-seikatsu .gr-small{font-size:14px !important;color:var(--sub) !important;margin:12px 0 0 !important}

/* steps (how) */
#gr-seikatsu .gr-how{counter-reset:how !important}
#gr-seikatsu .gr-how li{counter-increment:how !important;position:relative !important;padding:0 0 14px 46px !important}
#gr-seikatsu .gr-how li:after{content:counter(how) !important;position:absolute !important;left:0 !important;top:0 !important;width:32px !important;height:32px !important;border-radius:50% !important;background:var(--g) !important;color:#fff !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:15px !important}
#gr-seikatsu .gr-how b{display:block !important}
#gr-seikatsu .gr-how span{font-size:15px !important;color:var(--sub) !important}

/* home */
#gr-seikatsu .gr-home{border:2px dashed var(--g2) !important;border-radius:18px !important;padding:26px 28px !important}
#gr-seikatsu .gr-home li{position:relative !important;padding:0 0 10px 26px !important}
#gr-seikatsu .gr-home li:after{content:"" !important;position:absolute !important;left:2px !important;top:.55em !important;width:12px !important;height:12px !important;border-radius:50% !important;border:3px solid var(--o) !important;top:.62em !important}

/* contact */
#gr-seikatsu .gr-contact{background:var(--g) !important;color:#fff !important;border-radius:20px !important;padding:32px !important;display:grid !important;grid-template-columns:1.3fr 1fr !important;gap:28px !important;align-items:center !important}
#gr-seikatsu .gr-contact h2{color:#fff !important;font-size:24px !important;margin:0 0 10px !important}
#gr-seikatsu .gr-contact p{color:#fff !important;margin:0 0 14px !important}
#gr-seikatsu .gr-tel{font-family:'Zen Maru Gothic',sans-serif !important;font-size:28px !important;font-weight:700 !important;color:#fff !important;text-decoration:none !important;display:inline-block !important;line-height:1.3 !important}
#gr-seikatsu .gr-telnote{font-size:14px !important;opacity:.9 !important;display:block !important;margin:0 0 16px !important}
#gr-seikatsu .gr-btns{display:flex !important;flex-wrap:wrap !important;gap:10px !important}
#gr-seikatsu .gr-btn{display:inline-block !important;background:#fff !important;color:var(--g) !important;text-decoration:none !important;font-weight:700 !important;border-radius:999px !important;padding:10px 22px !important;font-size:15px !important;line-height:1.5 !important}
#gr-seikatsu .gr-btn.gr-or{background:var(--o) !important;color:#fff !important}
#gr-seikatsu .gr-contact img{border:4px solid rgba(255,255,255,.35) !important}
#gr-seikatsu .gr-line{margin:18px 0 0 !important;border:2px solid #06C755 !important;border-radius:16px !important;padding:18px 22px !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}
#gr-seikatsu .gr-line p{margin:0 !important;font-size:15px !important}
#gr-seikatsu .gr-line a{background:#06C755 !important;color:#fff !important;text-decoration:none !important;font-weight:700 !important;border-radius:999px !important;padding:9px 22px !important;font-size:15px !important}

/* links */
#gr-seikatsu .gr-links{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:28px 0 0 !important}
#gr-seikatsu .gr-links a{border:2px solid var(--g) !important;color:var(--g) !important;text-decoration:none !important;border-radius:999px !important;padding:8px 20px !important;font-size:15px !important;font-weight:700 !important;background:#fff !important}
#gr-seikatsu .gr-links-h{font-size:15px !important;color:var(--sub) !important;margin:28px 0 0 !important;font-weight:700 !important}
#gr-seikatsu .gr-links-h + .gr-links{margin-top:10px !important}
#gr-seikatsu a:focus-visible{outline:3px solid var(--o) !important;outline-offset:2px !important}

@media (max-width:760px){
  #gr-seikatsu{font-size:15px !important}
  #gr-seikatsu .gr-hero,#gr-seikatsu .gr-body,#gr-seikatsu .gr-body.gr-flip,#gr-seikatsu .gr-contact{grid-template-columns:1fr !important;gap:20px !important}
  #gr-seikatsu .gr-body.gr-flip .gr-photo{order:0 !important}
  #gr-seikatsu .gr-body .gr-photo{position:static !important}
  #gr-seikatsu .gr-hero h1{font-size:25px !important}
  #gr-seikatsu .gr-h2 h2,#gr-seikatsu .gr-plain-h2{font-size:21px !important}
  #gr-seikatsu .gr-h2 .gr-no{font-size:28px !important}
  #gr-seikatsu .gr-worry{padding:22px 18px !important}
  #gr-seikatsu .gr-worry ul,#gr-seikatsu .gr-topics,#gr-seikatsu .gr-topics.gr-three,#gr-seikatsu .gr-ages{grid-template-columns:1fr !important}
  #gr-seikatsu .gr-flow{grid-template-columns:1fr !important}
  #gr-seikatsu .gr-flow li,#gr-seikatsu .gr-flow li:first-child,#gr-seikatsu .gr-flow li:last-child{border-radius:0 !important;border-left:2px solid var(--line) !important}
  #gr-seikatsu .gr-flow li+li{border-top:0 !important}
  #gr-seikatsu .gr-flow li:first-child{border-radius:12px 12px 0 0 !important}
  #gr-seikatsu .gr-flow li:last-child{border-radius:0 0 12px 12px !important}
  #gr-seikatsu .gr-contact{padding:24px 20px !important}
  #gr-seikatsu .gr-sec{margin-bottom:48px !important}
}

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