.mays-saas-home{--saas-orange:#f97316;--saas-green:#10b981;--saas-yellow:#fbbf24;--saas-ink:#1f2937;--saas-muted:#64748b;--saas-bg:#f8fafc;--saas-line:#e5e7eb;color:var(--saas-ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}.mays-saas-home *{box-sizing:border-box}.saas-container{width:min(calc(100% - 40px),1160px);margin-inline:auto}.saas-section{padding:clamp(76px,9vw,124px) 0}.saas-soft{background:var(--saas-bg)}.saas-kicker{margin:0 0 14px;color:var(--saas-green);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.saas-heading{margin:0;color:var(--saas-ink);font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;line-height:1.45;letter-spacing:.01em;word-break:auto-phrase}.saas-intro{max-width:680px;margin:18px 0 0;color:var(--saas-muted);font-size:1rem;line-height:2}.saas-head{margin-bottom:42px}.saas-head.center{margin-inline:auto;text-align:center}.saas-head.center .saas-intro{margin-inline:auto}.saas-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.saas-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:11px 24px;border:1px solid var(--saas-green);border-radius:12px;background:var(--saas-green);color:#fff;font-weight:800;transition:transform .2s,box-shadow .2s}.saas-button:hover{color:#fff;opacity:1;transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,185,129,.2)}.saas-button.secondary{border-color:var(--saas-line);background:#fff;color:var(--saas-ink)}.saas-button.orange{border-color:var(--saas-orange);background:var(--saas-orange)}
.saas-hero{padding:clamp(42px,7vw,88px) 0 clamp(80px,10vw,130px);overflow:hidden;background:linear-gradient(135deg,#fff 58%,#f0fdf7)}.saas-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:clamp(42px,7vw,90px)}.saas-hero-copy{max-width:650px}.saas-hero .saas-kicker{color:var(--saas-orange);font-size:.9rem;line-height:1.8;white-space:pre-line}.saas-hero h1{margin:18px 0 0;color:var(--saas-ink);font-size:clamp(2.55rem,5.3vw,5rem);font-weight:900;line-height:1.28;letter-spacing:-.025em}.saas-hero h1 span{display:block;width:max-content;max-width:100%;white-space:nowrap}.saas-hero-lead{max-width:590px;margin:24px 0 0;color:var(--saas-muted);font-size:clamp(1rem,1.5vw,1.15rem);line-height:2;white-space:pre-line}.saas-hero-media{position:relative}.saas-hero-image{width:100%;aspect-ratio:4/4.3;object-fit:cover;border-radius:36px;box-shadow:0 24px 60px rgba(15,23,42,.12)}.saas-bubble{position:absolute;right:-18px;bottom:35px;max-width:220px;margin:0;padding:18px 21px;border:1px solid #d1fae5;border-radius:18px 18px 4px 18px;background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.12);color:var(--saas-ink);font-size:.88rem;font-weight:800;line-height:1.7;white-space:pre-line}.saas-bubble::before{color:var(--saas-yellow);content:"●";margin-right:8px}
.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.problem-card{padding:25px 20px;border:1px solid var(--saas-line);border-radius:16px;background:#fff}.problem-card::before{display:grid;width:34px;height:34px;margin-bottom:18px;border-radius:50%;background:#fff7ed;color:var(--saas-orange);content:"!";font-weight:900;place-items:center}.problem-card p{margin:0;color:var(--saas-ink);font-size:.9rem;font-weight:700;line-height:1.75}
.product-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(38px,7vw,90px);align-items:center;padding:clamp(34px,6vw,70px);border:1px solid #bbf7d0;border-radius:32px;background:linear-gradient(135deg,#ecfdf5,#fff)}.product-mark{display:grid;min-height:320px;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(16,185,129,.12);place-items:center;text-align:center}.product-mark strong{display:block;color:var(--saas-green);font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.product-mark small{display:block;margin-top:12px;color:var(--saas-muted);font-weight:700}.feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.feature-chips span{padding:7px 12px;border:1px solid #a7f3d0;border-radius:999px;background:#fff;color:#047857;font-size:.78rem;font-weight:700}.product-status{display:flex;align-items:center;gap:12px;margin-top:20px}.status-badge{padding:5px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:.76rem;font-weight:800}.product-price{color:var(--saas-muted);font-size:.85rem}
.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.reason-card{padding:30px 24px;border:1px solid var(--saas-line);border-radius:18px;background:#fff}.reason-card b{color:var(--saas-green);font-size:.8rem}.reason-card h3{margin:16px 0 10px;font-size:1.08rem}.reason-card p{margin:0;color:var(--saas-muted);font-size:.88rem}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup-card{padding:clamp(28px,4vw,44px);border:1px solid var(--saas-line);border-radius:22px;background:#fff}.setup-card.highlight{border-color:#fed7aa;background:#fffaf5}.setup-label{color:var(--saas-green);font-size:.78rem;font-weight:800}.setup-card.highlight .setup-label{color:var(--saas-orange)}.setup-card h3{margin:8px 0 25px;font-size:1.3rem}.step-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.step-list li{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--saas-bg);font-weight:700}.step-list b{display:grid;width:30px;height:30px;flex:none;border-radius:50%;background:var(--saas-green);color:#fff;font-size:.8rem;place-items:center}.setup-note{margin:20px 0 0;color:var(--saas-muted);font-size:.82rem}.setup-url{display:block;margin-top:16px;padding:13px;border-radius:10px;background:#fff;color:var(--saas-orange);font-weight:800;overflow-wrap:anywhere}
.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.content-card{overflow:hidden;border:1px solid var(--saas-line);border-radius:17px;background:#fff;transition:transform .2s,box-shadow .2s}.content-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08)}.content-thumb{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#ecfdf5,#fff7ed);overflow:hidden}.content-thumb img{width:100%;height:100%;object-fit:cover}.content-card-body{padding:20px}.content-meta{margin:0 0 8px;color:var(--saas-green);font-size:.73rem;font-weight:700}.content-card h3{margin:0;color:var(--saas-ink);font-size:1rem;line-height:1.65}.content-card p{margin:10px 0 0;color:var(--saas-muted);font-size:.82rem}.saas-empty{grid-column:1/-1;padding:32px;border:1px dashed var(--saas-line);border-radius:16px;text-align:center;color:var(--saas-muted)}.saas-more{margin-top:30px;text-align:center}
.saas-facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.saas-facility-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(15,23,42,.07)}.saas-facility-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.saas-facility-body{padding:22px}.saas-facility-area{margin:0;color:var(--saas-green);font-size:.74rem;font-weight:800}.saas-facility-card h3{margin:7px 0 10px;font-size:1.1rem}.saas-facility-card p{margin:0;color:var(--saas-muted);font-size:.84rem}
.saas-about-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(40px,8vw,100px)}.saas-about-badge{display:grid;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#fff7ed);place-items:center;text-align:center}.saas-about-badge strong{color:var(--saas-ink);font-size:1.45rem;line-height:1.5}.saas-about-copy p{color:var(--saas-muted);line-height:2}.saas-cta{padding:clamp(70px,9vw,110px) 0;background:var(--saas-ink);text-align:center}.saas-cta .saas-heading{color:#fff}.saas-cta .saas-buttons{justify-content:center}.saas-cta .secondary{border-color:#475569;background:transparent;color:#fff}
body.home .site-header{border-color:var(--saas-line);font-family:"Noto Sans JP","Yu Gothic",sans-serif}body.home .primary-menu{gap:clamp(16px,2vw,28px)}body.home .primary-menu a{font-size:.82rem}body.home .primary-menu li:last-child a{padding:9px 16px;border-radius:10px;background:var(--saas-green);color:#fff}body.home .site-footer{background:#111827}body.home .footer-text{color:#cbd5e1}
@media(max-width:980px){.saas-hero-grid{grid-template-columns:1fr 40%;gap:35px}.saas-hero h1{font-size:clamp(2.25rem,6vw,3.7rem)}.problem-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:repeat(2,1fr)}.reason-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.saas-container{width:min(calc(100% - 32px),1160px)}.saas-section{padding:70px 0}.saas-hero{padding:45px 0 80px}.saas-hero-grid{grid-template-columns:1fr}.saas-hero-copy{order:1}.saas-hero-media{order:2}.saas-hero h1{font-size:clamp(2rem,10vw,3rem);line-height:1.32}.saas-hero-image{aspect-ratio:4/3;border-radius:24px}.saas-bubble{right:10px;bottom:18px}.problem-grid,.reason-grid,.setup-grid,.content-grid,.saas-facility-grid,.saas-about-grid,.product-panel{grid-template-columns:1fr}.problem-grid{gap:12px}.problem-card{display:flex;align-items:center;gap:14px;padding:18px}.problem-card::before{flex:none;margin:0}.product-panel{padding:28px 20px}.product-mark{min-height:220px}.setup-grid{gap:15px}.content-grid{gap:15px}.saas-about-badge{max-width:260px;margin-inline:auto}.saas-buttons{display:grid;grid-template-columns:1fr}.saas-button{width:100%}.saas-heading{font-size:clamp(1.75rem,8vw,2.4rem)}}
@media(max-width:380px){.saas-hero h1{font-size:1.85rem;letter-spacing:-.035em}.saas-hero h1 span{white-space:normal}.saas-bubble{max-width:190px;font-size:.78rem}}

/* Hero 2.1: focused service-first layout. */
.saas-hero{padding:clamp(56px,7vw,96px) 0 clamp(82px,9vw,120px);background:#fff}.saas-hero-grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:clamp(24px,3.5vw,58px)}.saas-hero-copy{position:relative;z-index:2;max-width:620px}.saas-hero .saas-kicker{margin-bottom:clamp(24px,3vw,38px);font-size:clamp(.94rem,1.25vw,1.125rem);font-weight:700;line-height:1.85;letter-spacing:.015em;text-transform:none}.saas-hero h1{margin:0;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.35;letter-spacing:-.035em}.saas-title-line{display:block;width:max-content;max-width:100%;white-space:nowrap}.saas-hero h1 em{font-style:normal}.saas-title-green{color:#10b981}.saas-title-orange{color:#f97316}.saas-hero-lead{max-width:610px;margin-top:clamp(24px,2.6vw,34px);color:#4b5563;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.8}.saas-hero-actions{gap:14px;margin-top:clamp(28px,3vw,40px)}.saas-hero-actions .saas-button{min-height:56px;gap:10px;padding:12px 22px;border-radius:13px}.saas-hero-actions .orange:hover{border-color:#ea580c;background:#ea580c}.saas-hero-actions .secondary{border-color:#10b981;color:#059669}.saas-hero-actions .secondary:hover{border-color:#10b981;background:#ecfdf5;color:#047857}.saas-hero-actions .saas-button:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.saas-arrow{margin-left:2px;font-size:1.08em}.saas-btn-icon{position:relative;display:inline-block;width:19px;height:19px;flex:none}.saas-icon-calendar{border:1.8px solid currentColor;border-radius:4px}.saas-icon-calendar::before{position:absolute;top:4px;right:2px;left:2px;border-top:1.8px solid currentColor;content:""}.saas-icon-calendar::after{position:absolute;top:-3px;left:4px;width:7px;height:4px;border-right:1.8px solid currentColor;border-left:1.8px solid currentColor;content:""}.saas-icon-article{border:1.8px solid currentColor;border-radius:3px}.saas-icon-article::before{position:absolute;top:5px;right:3px;left:3px;height:6px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:""}.saas-icon-article::after{position:absolute;right:3px;bottom:3px;left:3px;border-top:1.5px solid currentColor;content:""}.saas-hero-media{position:relative;z-index:1;margin-right:calc((100vw - min(100vw - 40px,1160px))/ -2);isolation:isolate}.saas-hero-media::after{position:absolute;z-index:1;inset:0 auto 0 0;width:35%;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,.85) 14%,rgba(255,255,255,0) 100%);pointer-events:none;content:""}.saas-hero-image{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:2px;box-shadow:none;object-fit:cover;object-position:56% center}.saas-bubble{position:absolute;z-index:3;top:7%;right:6%;bottom:auto;display:flex;max-width:250px;align-items:center;gap:12px;padding:18px 22px;border:1px solid rgba(16,185,129,.14);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(31,41,55,.12);font-size:.9rem;line-height:1.65;white-space:normal}.saas-bubble::before{position:absolute;bottom:-10px;left:30px;width:20px;height:20px;background:#fff;box-shadow:5px 5px 9px rgba(31,41,55,.04);content:"";transform:rotate(45deg)}.saas-check{position:relative;z-index:1;display:grid;width:28px;height:28px;flex:none;border-radius:50%;background:#d1fae5;color:#059669;font-size:1rem;font-weight:900;place-items:center}.saas-bubble-copy{position:relative;z-index:1;display:block;color:#1f2937}.saas-bubble-copy span,.saas-bubble-copy strong{display:block}.saas-bubble-copy strong{color:#10b981;font-weight:800}
@media(max-width:980px) and (min-width:761px){.saas-hero-grid{grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:22px}.saas-hero h1{font-size:clamp(2.5rem,5.1vw,2.9rem)}.saas-hero .saas-kicker{font-size:1rem}.saas-hero-lead{font-size:1rem}.saas-hero-actions .saas-button{padding-inline:16px;font-size:.88rem}.saas-bubble{top:5%;right:4%;max-width:210px;padding:14px 16px;font-size:.78rem}}
@media(max-width:760px){.saas-hero{padding:42px 0 76px}.saas-hero-grid{grid-template-columns:1fr;gap:34px}.saas-hero .saas-kicker{margin-bottom:22px;font-size:.94rem}.saas-hero h1{font-size:clamp(2.05rem,9.4vw,2.55rem);line-height:1.38;letter-spacing:-.035em}.saas-title-line{white-space:nowrap}.saas-hero-lead{font-size:1rem;line-height:1.8}.saas-hero-actions{grid-template-columns:1fr;margin-top:28px}.saas-hero-media{display:flex;margin-right:0;flex-direction:column}.saas-hero-media::after{width:18%;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.saas-hero-image{aspect-ratio:4/3;border-radius:2px;object-fit:contain;object-position:center}.saas-bubble{position:relative;top:auto;right:auto;order:2;width:100%;max-width:none;margin:14px 0 0;padding:15px 18px;border-radius:16px}.saas-bubble::before{top:-8px;bottom:auto;left:30px;box-shadow:none}.saas-hero-actions .saas-button{width:100%}}
@media(max-width:360px){.saas-hero h1{font-size:clamp(1.82rem,9.2vw,2.05rem);letter-spacing:-.045em}.saas-hero h1 .saas-title-line{white-space:nowrap}.saas-hero .saas-kicker{font-size:.9rem}.saas-hero-actions .saas-button{padding-inline:16px}}

/* Customizable problem-card icons. */
.problem-card::before{display:none}.problem-icon{display:grid;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#fff7ed;color:#f97316;place-items:center;overflow:hidden}.problem-icon-image{display:block;width:24px;height:24px;object-fit:contain}.problem-icon-shape{position:relative;display:block;width:22px;height:22px;color:currentColor}.icon-user::before{position:absolute;top:2px;left:8px;width:6px;height:6px;border:1.8px solid currentColor;border-radius:50%;content:""}.icon-user::after{position:absolute;right:3px;bottom:2px;left:3px;height:9px;border:1.8px solid currentColor;border-radius:9px 9px 4px 4px;content:""}.icon-passport{border:1.8px solid currentColor;border-radius:3px}.icon-passport::before{position:absolute;top:5px;left:6px;width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;content:""}.icon-passport::after{position:absolute;right:4px;bottom:4px;left:4px;border-top:1.5px solid currentColor;content:""}.icon-download::before{position:absolute;inset:-4px 0 0;content:"↓";font-size:25px;font-weight:500;line-height:1;text-align:center}.icon-download::after{position:absolute;right:3px;bottom:2px;left:3px;height:5px;border:1.7px solid currentColor;border-top:0;border-radius:0 0 3px 3px;content:""}.icon-language::before{position:absolute;inset:0;content:"A";font-size:13px;font-weight:800;line-height:16px}.icon-language::after{position:absolute;right:0;bottom:0;content:"あ";font-size:12px;font-weight:800;line-height:14px}.icon-sheet{border:1.8px solid currentColor;border-radius:3px;background:linear-gradient(to right,transparent 31%,currentColor 32%,currentColor 38%,transparent 39%,transparent 64%,currentColor 65%,currentColor 71%,transparent 72%),linear-gradient(to bottom,transparent 31%,currentColor 32%,currentColor 38%,transparent 39%,transparent 64%,currentColor 65%,currentColor 71%,transparent 72%)}
@media(max-width:760px){.problem-icon{flex:none;margin:0}}