#calendar-real-screens{color-scheme:light;--paper:#f5f7f3;--surface:#fff;--ink:#172928;--muted:#566765;--faint:#778885;--edge:#d7e2dc;--accent:#197b68;--mist:#e6f3ee;--button:#06c755;--display:"Zen Kurenaido","Noto Sans JP",sans-serif;--body:"Inter","Noto Sans JP",system-ui,sans-serif}
@media(prefers-color-scheme:dark){#calendar-real-screens{color-scheme:dark;--paper:#111c1a;--surface:#182723;--ink:#eaf3ee;--muted:#bed0c7;--faint:#99aca3;--edge:#355046;--accent:#80cdb4;--mist:#233b33;--button:#06b952}
}
#calendar-real-screens *{box-sizing:border-box}
#calendar-real-screens{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
#calendar-real-screens{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.8 var(--body);-webkit-font-smoothing:antialiased}
#calendar-real-screens a{color:inherit}
#calendar-real-screens img{max-width:100%;height:auto;display:block}
#calendar-real-screens button,#calendar-real-screens a,#calendar-real-screens summary{-webkit-tap-highlight-color:transparent}
#calendar-real-screens a:focus-visible,#calendar-real-screens summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#calendar-real-screens h1,#calendar-real-screens h2,#calendar-real-screens p{margin:0}
#calendar-real-screens em{font-style:normal}
#calendar-real-screens .site-header{border-bottom:1px solid var(--edge)}
#calendar-real-screens .header-inner{max-width:1180px;margin:auto;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#calendar-real-screens .brand{display:inline-flex;align-items:center;gap:11px;min-width:0;text-decoration:none}
#calendar-real-screens .brand img{width:41px;height:41px;object-fit:contain}
#calendar-real-screens .brand span{font:400 21px/1.25 var(--display);-webkit-text-stroke:.018em currentColor;white-space:nowrap;letter-spacing:-.035em}
#calendar-real-screens .header-tag{font-size:12px;letter-spacing:.08em;color:var(--faint)}
#calendar-real-screens .hero{max-width:1180px;margin:0 auto;padding:60px 28px 55px;border-bottom:1px solid var(--edge)}
#calendar-real-screens .hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:65px}
#calendar-real-screens .section-kicker{font-size:13px;letter-spacing:.08em;color:var(--accent);font-weight:600;display:flex;align-items:center;gap:11px}
#calendar-real-screens .kicker-line{width:28px;height:1px;background:currentColor;display:inline-block}
#calendar-real-screens .hero h1{font:400 clamp(34px,3.65vw,55px)/1.28 var(--display);-webkit-text-stroke:.042em currentColor;paint-order:stroke fill;letter-spacing:-.045em;margin:21px 0 22px;word-break:keep-all}
#calendar-real-screens .hero h1 em{color:var(--accent);background:linear-gradient(transparent 60%,var(--marker,rgba(31,168,142,.2)) 60%,var(--marker,rgba(31,168,142,.2)) 92%,transparent 92%);padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(prefers-color-scheme:dark){#calendar-real-screens .hero h1 em{--marker:rgba(128,205,180,.2)}}
#calendar-real-screens .hero-lead{max-width:490px;color:var(--muted);font-size:16px;line-height:2}
#calendar-real-screens .hero-visual{position:relative}
#calendar-real-screens .hero-image-wrap{background:var(--surface);border:1px solid var(--edge);border-radius:4px;overflow:hidden;padding:18px}
#calendar-real-screens .hero-image-wrap img{width:100%;aspect-ratio:1000/563;object-fit:contain}
#calendar-real-screens .hero-visual-caption{display:flex;justify-content:space-between;margin-top:12px;color:var(--faint);font:600 10px/1.2 var(--body);letter-spacing:.16em}
#calendar-real-screens .cta{margin-top:30px}
#calendar-real-screens .btn-line{background:var(--button);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:12px 24px;border-radius:8px;font-weight:700;font-size:16px;transition:filter .15s,transform .15s}
#calendar-real-screens .btn-line:hover{filter:brightness(.94);transform:translateY(-1px)}
#calendar-real-screens .btn-line svg{width:23px;height:23px;flex:none}
#calendar-real-screens .button-arrow{font-size:19px;font-weight:400;line-height:1;margin-left:12px}
#calendar-real-screens .cta-note{font-size:12px;line-height:1.7;color:var(--faint);margin-top:11px}
#calendar-real-screens .skip{display:inline-block;color:var(--muted);font-size:13px;text-underline-offset:4px;margin-top:12px}
#calendar-real-screens .skip span{margin-left:3px}
#calendar-real-screens .cta--desk{display:flex;align-items:center;gap:18px;padding-top:25px;border-top:1px solid var(--edge)}
#calendar-real-screens .qr{width:116px;height:116px;object-fit:contain;padding:7px;background:#fff;border:1px solid var(--edge);flex:none}
#calendar-real-screens .qr-copy{max-width:270px}
#calendar-real-screens .qr-label,#calendar-real-screens .section-intro>span,#calendar-real-screens .faq-head>span,#calendar-real-screens .closing>div>span{font:600 11px/1.3 var(--body);letter-spacing:.14em;color:var(--accent)}
#calendar-real-screens .qr-copy strong{display:block;font-size:17px;line-height:1.5;font-weight:600;margin-top:8px}
#calendar-real-screens .qr-copy p{color:var(--faint);font-size:12px;line-height:1.6;margin-top:6px}
#calendar-real-screens .cta--phone{display:none}
#calendar-real-screens .section-intro{max-width:1180px;margin:0 auto;padding:72px 28px 27px;display:flex;align-items:end;justify-content:space-between;gap:20px}
#calendar-real-screens .section-intro p{font:400 30px/1.45 var(--display);-webkit-text-stroke:.026em currentColor;letter-spacing:-.035em}
#calendar-real-screens .mobile-break{display:none}
#calendar-real-screens .features{max-width:1180px;margin:0 auto;padding:0 28px 85px}
#calendar-real-screens .feature{border-top:1px solid var(--edge)}
#calendar-real-screens .feature--lead{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;padding:30px 0 40px}
#calendar-real-screens .feature-copy{max-width:440px}
#calendar-real-screens .feature-number{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--accent)}
#calendar-real-screens .feature-number span{font-weight:400;color:var(--faint);margin:0 5px}
#calendar-real-screens .feature h2{font:400 31px/1.55 var(--display);-webkit-text-stroke:.025em currentColor;letter-spacing:-.04em;margin:18px 0 15px}
#calendar-real-screens .feature p{color:var(--muted);font-size:14px;line-height:2}
#calendar-real-screens .feature-image{background:var(--surface);border:1px solid var(--edge);border-radius:3px;overflow:hidden}
#calendar-real-screens .feature-image img{width:100%;aspect-ratio:1000/563;object-fit:contain}
#calendar-real-screens .feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}
#calendar-real-screens .feature--small{padding-top:26px}
#calendar-real-screens .feature--small .feature-copy{padding:22px 0 0}
#calendar-real-screens .feature--small h2{font-size:26px;margin:11px 0 12px}
#calendar-real-screens .feature--small p{max-width:495px}
#calendar-real-screens .faq{border-top:1px solid var(--edge);max-width:1124px;margin:0 auto;padding:48px 0 65px;display:grid;grid-template-columns:.48fr 1fr;gap:65px}
#calendar-real-screens .faq h2{font:400 27px/1.5 var(--display);-webkit-text-stroke:.026em currentColor;margin-top:10px}
#calendar-real-screens .faq-list{border-top:1px solid var(--edge)}
#calendar-real-screens details{border-bottom:1px solid var(--edge)}
#calendar-real-screens summary{list-style:none;cursor:pointer;position:relative;padding:18px 35px 18px 0;font-size:14px;font-weight:600}
#calendar-real-screens summary::-webkit-details-marker{display:none}
#calendar-real-screens summary::after{content:"＋";position:absolute;right:3px;top:16px;font-size:19px;color:var(--accent);font-weight:400}
#calendar-real-screens details[open] summary::after{content:"−"}
#calendar-real-screens details p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 40px 20px 0}
#calendar-real-screens details a{color:var(--accent);text-underline-offset:3px}
#calendar-real-screens .closing{background:var(--ink);color:var(--paper);padding:58px max(28px,calc((100vw - 1124px)/2));display:flex;align-items:end;justify-content:space-between;gap:30px}
#calendar-real-screens .closing>div>span{color:#97ddc5}
#calendar-real-screens .closing h2{font:400 33px/1.45 var(--display);-webkit-text-stroke:.025em currentColor;margin:12px 0}
#calendar-real-screens .closing p{color:#bacac2;font-size:14px}
#calendar-real-screens .closing .cta{margin:0}
#calendar-real-screens .closing .cta--phone{display:none}
#calendar-real-screens .closing .btn-line{min-width:275px}
#calendar-real-screens .site-footer{max-width:1180px;margin:auto;padding:32px 28px 45px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--faint);font-size:12px}
#calendar-real-screens .site-footer .site-copy{flex-basis:100%;display:block;font-size:11px;margin-top:4px}
#calendar-real-screens .site-footer div>span{font:400 17px/1.4 var(--display);color:var(--ink)}
#calendar-real-screens .site-footer p{margin-top:8px}
#calendar-real-screens .site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:flex-end}
#calendar-real-screens .site-footer a{text-decoration:none}
#calendar-real-screens .site-footer a:hover{text-decoration:underline}
#calendar-real-screens.from-ikkatsu .cta--desk{display:none}
#calendar-real-screens.from-ikkatsu .hero .cta--phone{display:block}
#calendar-real-screens.from-ikkatsu .skip{display:none}
@media(max-width:850px){#calendar-real-screens .hero-inner{gap:30px}
#calendar-real-screens .hero{padding-top:38px}
#calendar-real-screens .faq{margin:0 28px;gap:30px}
#calendar-real-screens .closing{padding-left:28px;padding-right:28px}
}
@media(max-width:719px),(hover:none),(pointer:coarse){#calendar-real-screens .hero .cta--desk{display:none}
#calendar-real-screens .hero .cta--phone{display:block}
}
@media(max-width:719px){#calendar-real-screens .header-inner{padding:12px 20px}
#calendar-real-screens .brand img{width:36px;height:36px}
#calendar-real-screens .brand span{font-size:19px}
#calendar-real-screens .header-tag{display:none}
#calendar-real-screens .hero{padding:34px 20px 0;border-bottom:0}
#calendar-real-screens .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:24px}
#calendar-real-screens .section-kicker{font-size:11px}
#calendar-real-screens .kicker-line{width:18px}
#calendar-real-screens .hero h1{font-size:clamp(31px,8.2vw,39px);line-height:1.26;margin:14px 0 16px}
#calendar-real-screens .hero-lead{font-size:14px;line-height:1.85}
#calendar-real-screens .hero .cta{margin-top:21px}
#calendar-real-screens .hero .btn-line{width:100%;min-height:58px}
#calendar-real-screens .cta-note{text-align:center;font-size:11px}
#calendar-real-screens .skip{display:block;text-align:center;margin-top:10px}
#calendar-real-screens .hero-visual{margin:4px -20px 0}
#calendar-real-screens .hero-image-wrap{border:0;border-radius:0;background:var(--surface);padding:8px 16px 2px}
#calendar-real-screens .hero-visual-caption{display:none}
#calendar-real-screens .section-intro{padding:54px 20px 20px;display:block}
#calendar-real-screens .section-intro p{font-size:26px;margin-top:10px}
#calendar-real-screens .mobile-break{display:none}
#calendar-real-screens .features{padding:0 20px 52px}
#calendar-real-screens .feature--lead{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:27px 0 30px}
#calendar-real-screens .feature h2{font-size:26px;margin:13px 0 9px}
#calendar-real-screens .feature p{font-size:13px;line-height:1.9}
#calendar-real-screens .feature--lead .feature-image{order:-1}
#calendar-real-screens .feature-pair{display:block}
#calendar-real-screens .feature--small{padding:26px 0 30px}
#calendar-real-screens .feature--small .feature-copy{padding:18px 0 0}
#calendar-real-screens .feature--small h2{font-size:24px}
#calendar-real-screens .feature-image{border:0;background:var(--surface)}
#calendar-real-screens .faq{margin:0 20px;padding:35px 0 48px;display:block}
#calendar-real-screens .faq h2{font-size:25px;margin:8px 0 22px}
#calendar-real-screens .closing{display:block;padding:43px 20px 49px}
#calendar-real-screens .closing h2{font-size:30px}
#calendar-real-screens .closing .cta{margin-top:24px}
#calendar-real-screens .closing .cta--phone{display:block}
#calendar-real-screens .closing .btn-line{width:100%;min-width:0}
#calendar-real-screens .site-footer{padding:26px 20px 38px;display:block}
#calendar-real-screens .site-footer nav{justify-content:flex-start;margin-top:16px;gap:7px 15px}
#calendar-real-screens .site-footer .site-copy{margin-top:18px}
#calendar-real-screens .site-footer div>span{font-size:16px}
}
@media(max-width:390px){#calendar-real-screens .hero h1{font-size:27px}
#calendar-real-screens .brand span{font-size:18px}
#calendar-real-screens .hero-lead{font-size:13.5px}
#calendar-real-screens .btn-line{font-size:15px}
}
@media(prefers-color-scheme:dark){#calendar-real-screens .closing{background:#20312b;color:#eef6f1}
#calendar-real-screens .closing p{color:#c5d5ce}
#calendar-real-screens .closing>div>span{color:#a5e2c9}
}
#calendar-real-screens .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:40px}
#calendar-real-screens .hero h1{font-size:clamp(31px,3.5vw,47px);line-height:1.28}
#calendar-real-screens .screenshot-story{min-width:0;isolation:isolate;padding-top:15px}
#calendar-real-screens .screens-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12%;padding:12px 2% 26px;max-width:560px;margin:auto}
#calendar-real-screens .screens-stage::before{content:"";position:absolute;inset:19% 5% 13%;border-radius:50%;background:var(--mist);opacity:.6;z-index:-1}
#calendar-real-screens .screen-frame{position:relative;min-width:0;width:100%;margin:0}
#calendar-real-screens .screen-frame figcaption{position:relative;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;min-width:100%;min-height:56px;margin:0 0 16px;font:400 18px/1.5 var(--display);-webkit-text-stroke:.015em currentColor;color:var(--ink);white-space:nowrap;text-align:center;letter-spacing:-.035em}
#calendar-real-screens .screen-frame figcaption>span{display:block;font:400 16px/1.35 var(--display);color:var(--accent);margin-bottom:3px;letter-spacing:.02em}
#calendar-real-screens .screen-intake{z-index:1;--screen-angle:-5deg}
#calendar-real-screens .screen-calendar{z-index:3;--screen-angle:0deg}
#calendar-real-screens .screen-income{z-index:2;--screen-angle:5deg}
#calendar-real-screens .screen-open{display:block;width:100%;padding:0;border:1px solid var(--edge);border-radius:11px;overflow:hidden;background:var(--surface);box-shadow:0 12px 24px light-dark(#173b2e1c,#00000045);transform:rotate(var(--screen-angle));transition:box-shadow .2s}
#calendar-real-screens .screen-open img{display:block;width:100%;height:auto}
#calendar-real-screens .screen-open:hover{box-shadow:0 16px 30px light-dark(#173b2e24,#00000050)}
#calendar-real-screens .screen-flow-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--accent);z-index:4}
#calendar-real-screens .screen-connection{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
#calendar-real-screens .screen-story-caption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px 12px;font:500 11px/1.6 var(--body);color:var(--muted);margin-top:4px}
#calendar-real-screens .screen-story-caption span{font-weight:400;color:var(--faint)}
#calendar-real-screens .screen-detail{position:relative;width:min(390px,calc(100% - 24px));max-height:90%;padding:0;border:1px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 25px 80px light-dark(#00000033,#00000088)}
#calendar-real-screens .screen-detail::backdrop{background:light-dark(#12231bd0,#020906d9)}
#calendar-real-screens .screen-detail-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 18px;border-bottom:1px solid var(--edge);background:var(--surface);position:sticky;top:0;z-index:2}
#calendar-real-screens .screen-detail-head strong{font:500 14px/1.5 var(--body)}
#calendar-real-screens .screen-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--ink)}
#calendar-real-screens .screen-close svg{width:22px;height:22px}
#calendar-real-screens .screen-detail-image{width:100%;height:auto;display:block}
#calendar-real-screens .feature h2,#calendar-real-screens .feature--small h2{margin-top:8px;margin-bottom:12px}
@media(max-width:719px){#calendar-real-screens .hero h1{font-size:clamp(27px,7.7vw,39px)}
#calendar-real-screens .hero-inner{gap:24px}
#calendar-real-screens .hero .screenshot-story{margin:4px 0 0;padding-top:8px}
#calendar-real-screens .screen-frame figcaption{font-size:clamp(14px,4vw,16px);min-height:49px;margin-bottom:14px}
#calendar-real-screens .screen-frame figcaption>span{font-size:15px}
#calendar-real-screens .screen-open{border-radius:8px}
#calendar-real-screens .features{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){#calendar-real-screens .screen-open{transition:none}
}

#calendar-real-screens{color-scheme:light dark;background:light-dark(#f5f7f3,#111c1a);--paper:light-dark(#f5f7f3,#111c1a);--surface:light-dark(#fff,#182723);--ink:light-dark(#172928,#eaf3ee);--muted:light-dark(#566765,#bed0c7);--faint:light-dark(#778885,#99aca3);--edge:light-dark(#d7e2dc,#355046);--accent:light-dark(#197b68,#80cdb4);--mist:light-dark(#e6f3ee,#233b33);}
#calendar-real-screens .btn-line svg{width:23px;height:23px;}#calendar-real-screens summary{cursor:inherit;}#calendar-real-screens .closing{padding-left:28px;padding-right:28px;}
html,body{margin:0;padding:0;}