/* 名刺ポスト固有の体験デモ・二択料金。基本レイアウトは shared/service-detail.css と共通です。 */
.m-demo{overflow:hidden}.m-scene{min-height:470px;position:relative;padding:42px 24px 66px;isolation:isolate}.m-orbit{position:absolute;z-index:-1;width:345px;height:345px;border-radius:50%;background:#f7eaa2;left:50%;top:22px;transform:translateX(-50%)}.m-orbit:after{content:"";position:absolute;inset:20px;border:1px dashed #d6c66b;border-radius:50%}.m-spark{position:absolute;color:#c9a72e;font-size:29px}.m-spark-a{left:20px;top:60px}.m-spark-b{right:35px;top:86px;font-size:36px}.m-card{position:relative;width:min(100%,316px);margin:10px auto 0;transform:rotate(-4deg);animation:meishi-float 5s ease-in-out infinite}.m-sample-label{display:table;margin:0 0 12px 6px;font-size:10px;letter-spacing:.12em;font-weight:700;color:#627369}.m-business-card{position:relative;background:#fffefb;box-shadow:0 16px 40px #2946351c,0 2px 3px #2946350f;padding:26px;border:1px solid #dedfce;border-radius:8px;overflow:hidden;min-height:225px}.m-business-card:before{content:"";position:absolute;right:0;top:0;width:7px;height:100%;background:#315a44}.m-card-logo{font-size:30px;font-family:Georgia,serif;font-weight:700;line-height:1;color:#68814b;margin-right:8px}.m-card-company{font-size:13px;font-weight:700}.m-business-card p{margin:22px 0 0;font-size:23px;letter-spacing:.08em;font-weight:700}.m-business-card p small{display:block;font-size:9px;letter-spacing:.18em;font-weight:500;margin-top:4px}.m-card-job{font-size:10px}.m-card-contact{font-size:10px;line-height:1.8;margin-top:15px;color:#67736a}.m-card-caption{font-size:11px;display:block;margin-top:14px;text-align:center;font-weight:600}.m-scan-line{display:none;height:2px;background:#79aa62;box-shadow:0 0 12px #3c963c75;position:absolute;left:12px;right:12px;top:12px}.m-demo[data-demo-state="scanning"] .m-scan-line{display:block;animation:meishi-scan 1.1s ease-in-out infinite}.m-demo[data-demo-state="scanning"] .m-card{animation:none;transform:none}.m-result{width:min(100%,340px);position:relative;margin:6px auto 0;padding:22px;background:#fffefb;border:1px solid #d2dece;border-radius:16px;box-shadow:0 16px 40px #29463512;min-height:267px}.m-result:not([hidden]){animation:meishi-enter .4s ease-out}.m-mail-heading{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e4e9dd}.m-mail-heading>svg{width:31px;height:31px;flex:none;fill:none;stroke:#55744a;stroke-width:1.6}.m-mail-heading span{font-size:10px;display:block;color:#76806d;letter-spacing:.1em}.m-mail-heading strong{font-size:14px;display:block;margin-top:3px}.m-result dl{margin:15px 0}.m-result dl div{display:grid;grid-template-columns:63px 1fr;gap:10px;padding:5px 0;font-size:12px;line-height:1.5}.m-result dt{color:#6e796b}.m-result dd{margin:0;font-weight:600;overflow-wrap:anywhere}.m-result-foot{font-size:10px!important;padding:10px 0 0;margin:0!important;border-top:1px solid #e4e9dd;line-height:1.7!important;color:#62735e}.m-mascot{position:absolute;right:4px;bottom:68px;width:93px;transform:rotate(7deg);pointer-events:none}.m-mascot img{width:100%;height:auto;display:block;filter:drop-shadow(0 5px 0 #244e2717)}.m-mascot>span{background:#fffefb;border:1px solid #d6dfc5;border-radius:45% 45% 40% 35%;position:absolute;right:1px;bottom:83px;width:120px;text-align:center;line-height:1.6;padding:15px 7px;font-size:11px;font-weight:700;transform:rotate(-7deg)}.m-progress{position:absolute;left:22px;right:22px;bottom:20px;display:flex;justify-content:center;gap:17px;list-style:none;margin:0;padding:0}.m-progress li{display:flex;gap:6px;align-items:center;font-size:11px;color:#6e7667;white-space:nowrap}.m-progress li b{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;font-size:10px;background:#e5e9db;color:#7a8174}.m-progress li.is-active{color:#244d35;font-weight:700}.m-progress li.is-active b{background:#ffdf3e;color:#254936}.m-progress li.is-done b{background:#254936;color:#fffdf6}.m-demo-bottom .g-demo-controls{gap:8px;flex-wrap:wrap}.m-demo-next{background:#254936!important;color:#fffdf6!important;border-radius:99px!important;padding:11px 18px!important;font-weight:700!important;font-size:12px!important;border:1px solid #254936!important}.m-demo-next:disabled{opacity:.65;cursor:wait}.m-demo-next:hover:not(:disabled){background:#3c614a!important}.m-demo-next:focus-visible{outline:3px solid #c0a000;outline-offset:3px}.m-demo-bottom #demo-status{max-width:400px}.m-pricing .g-section-heading{margin-bottom:36px}.m-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto}.m-plans .g-price-card{padding:34px;display:flex;flex-direction:column}.m-plans .g-price-card .g-trial-label{align-self:center}.m-plan-features{list-style:none;text-align:left;margin:12px auto 27px;padding:0;font-size:13px;line-height:2.2}.m-plan-features li:before{content:"✓";color:#3a7046;font-weight:800;margin-right:12px}.m-plans .g-button{margin-top:auto}.m-trial-light{background:#eef3e3!important;color:#37583d!important}.m-price-note{text-align:center;font-size:12px;line-height:2;color:#64765e;margin:27px 0 0}.m-price-note a{color:#254936;text-underline-offset:5px}.m-plans .g-billing{min-height:44px;margin-bottom:0}.m-paused .m-card,.m-paused .m-scan-line{animation-play-state:paused!important}.m-paused .m-result{animation:none!important}
@keyframes meishi-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes meishi-scan{0%,100%{top:18px}50%{top:calc(100% - 18px)}}@keyframes meishi-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1100px){.m-mascot{right:8px;bottom:66px;width:103px}.m-mascot>span{bottom:91px}}@media(max-width:700px){.m-scene{min-height:443px;padding:25px 18px 60px}.m-orbit{width:290px;height:290px;top:22px}.m-card{width:285px;max-width:calc(100% - 22px)}.m-business-card{padding:23px;min-height:215px}.m-mascot{width:76px;bottom:60px;right:4px}.m-mascot>span{bottom:70px;width:102px;font-size:10px;padding:11px 5px}.m-progress{gap:12px;left:10px;right:10px}.m-progress li{font-size:10px}.m-result{max-width:calc(100% - 14px);padding:19px}.m-plans{grid-template-columns:1fr;gap:20px}.m-plans .g-price-card{padding:28px 23px}.m-pricing .g-section-heading{margin-bottom:28px}.m-price-note{text-align:left}.m-demo-bottom .g-demo-controls{justify-content:space-between}.m-demo-next{font-size:11px!important;padding:10px 13px!important}.m-spark-a{left:10px}.m-spark-b{right:16px}}
@media(prefers-reduced-motion:reduce){.m-card,.m-scan-line,.m-result{animation:none!important}.m-demo[data-demo-state="scanning"] .m-scan-line{top:50%}}
.m-plans .g-price-card{border:1px solid #d9e0ce;box-shadow:0 7px 22px #25493605}.m-demo-next{text-decoration:none!important}.m-card-caption{padding-right:42px}@media(max-width:370px){.m-mascot{right:-3px;width:67px}.m-mascot>span{bottom:63px;width:95px}.m-card{max-width:calc(100% - 12px)}.m-business-card{padding:20px}.m-progress{gap:8px}.m-progress li{gap:4px}.m-demo-next{font-size:10px!important;padding:10px 9px!important}}
/* Keep the mascot beside its caption, clear of card details on mobile. */
@media(max-width:760px){.m-scene{padding:26px 18px 61px;min-height:0}.m-mascot{position:relative;right:auto;bottom:auto;width:100%;height:80px;display:flex;align-items:center;justify-content:flex-end;gap:12px;transform:none;margin-top:15px}.m-mascot img{width:75px;height:75px}.m-mascot>span{position:static;width:118px;font-size:11px;line-height:1.7;padding:12px 9px;transform:rotate(-3deg)}.m-card-caption{padding-right:0}.m-result{max-width:100%;width:100%}.m-progress{bottom:19px}}