/* スマートなノート風（2026-11-01）: 薄い方眼の紙と手書きに近い見出し。本文の書体はそのまま */
html body { background-color: #FEFEFC; background-image: linear-gradient(var(--note-grid) 1px, transparent 1px), linear-gradient(90deg, var(--note-grid) 1px, transparent 1px); background-size: 24px 24px; }
h1, h2, h3, h4 { font-weight: 600 !important; }
.watermark { display: none !important; }
:root { --note-grid: rgba(42, 92, 168, .055); --font-heading: "Klee One", "Noto Sans JP", sans-serif; --serif: "Klee One", "Noto Sans JP", sans-serif; --glass: rgba(255, 255, 255, .86); --glass-strong: rgba(255, 255, 255, .94); --glass-edge: #CFE5F8; --shadow: 0 2px 10px rgba(30, 68, 120, .06); --shadow-lg: 0 6px 18px rgba(30, 68, 120, .10); --r: 10px; --r-sm: 8px; }
body::before { display: none !important; }
.card, .pcard, .cta-band, .table-wrap, .profile, .area-card, .step, .checklist, .faq-acc details, .glass, .hero-badge { -webkit-backdrop-filter: none; backdrop-filter: none; }
.sec.tint { background: transparent; border-color: transparent; }
.sec + .sec { border-top: 1px dashed #CFE5F8; }
.hero-fig { position: relative; }
.hero-fig img { border: 5px solid #fff; border-radius: 3px; box-shadow: 0 2px 12px rgba(40, 40, 60, .14); }
#contact { background: #EEF5FC !important; color: var(--ink) !important; }
#contact h2, #contact h6, #contact p, #contact a:not(.btn) { color: var(--ink) !important; }
#contact h6::before { background: var(--blue) !important; }
#contact::before, #contact::after { display: none !important; }
#contact .btn-white { border: 1px solid var(--blue); }
.nav-brand, .nav .brand .t { font-size: 15px; letter-spacing: 0; }
.area .cta-band { background: #EEF5FC !important; color: var(--ink) !important; }
.area .cta-band h2, .area .cta-band h3, .area .cta-band p, .area .cta-band .tag { color: var(--ink) !important; }
.area .cta-band .btn-white { border: 1px solid var(--blue); }
@media (min-width: 768px) { .nav-brand, .nav .brand .t { font-size: 19px; } }