.say-page{ --blue:#2A7DE1;--blue-light:#4F96EA;--blue-dark:#1F5FB0;--blue-deeper:#133F75; --blue-50:#EAF3FD;--blue-100:#D3E6FB;--blue-200:#A8CFF6; --navy:#0F2A4A;--navy-light:#24426E;--navy-dark:#081A31; --accent-red:#E53935;--accent-red-bg:#FEE7E7; --orange:#FFAA33;--orange-dark:#E68F12;--orange-bg:#FFF4E0; --white:#FFFFFF;--gray-50:#F4FAFF;--gray-100:#E8F3FE;--gray-200:#D1E6FB; --gray-300:#A8CFF6;--gray-400:#6FA9E6;--gray-500:#4D83C2;--gray-600:#335F97;--gray-700:#20446F;--gray-800:#132B4A; --fg-1:#132B4A;--fg-2:#335F97;--fg-3:#6FA9E6;--fg-inverse:#FFFFFF; --bg-canvas:#FFFFFF;--bg-subtle:#F6FAFF;--bg-subtle-2:#EAF3FD;--bg-dark:#0F2A4A; --border:#D1E6FB;--border-strong:#A8CFF6;--border-subtle:#E8F3FE; --shadow-sm:0 1px 3px rgba(15,42,74,.06);--shadow-md:0 2px 8px rgba(15,42,74,.08); --shadow-lg:0 8px 24px rgba(15,42,74,.10);--shadow-xl:0 16px 48px rgba(15,42,74,.14); --shadow-blue:0 10px 30px rgba(42,125,225,.22); --radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:100px; --max-width:1200px;--max-width-narrow:1080px; --transition:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1); --font-jp:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif; --font-en:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; } .say-page *, .say-page *::before, .say-page *::after{margin:0;padding:0;box-sizing:border-box} .say-page html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} .say-page body{font-family:var(--font-jp);color:var(--fg-1);line-height:1.8;letter-spacing:.03em;background:var(--bg-canvas);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"palt"} .say-page img, .say-page svg{max-width:100%;display:block} .say-page a{text-decoration:none;color:inherit} .say-page ul, .say-page ol{list-style:none} .say-page button{border:none;cursor:pointer;font-family:inherit;background:none;color:inherit} .say-page input, .say-page textarea, .say-page select{font-family:inherit;font-size:1rem;color:inherit} .say-page .container{max-width:var(--max-width);margin:0 auto;padding:0 24px} .say-page .container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 24px} .say-page .text-center{text-align:center} .say-page .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)} .say-page .eyebrow::before{content:'';width:28px;height:2px;background:var(--blue);display:inline-block} .say-page .eyebrow.centered::after{content:'';width:28px;height:2px;background:var(--blue);display:inline-block} .say-page .section-title{font-family:var(--font-jp);font-weight:900;font-size:clamp(1.75rem,3.2vw,2.3rem);line-height:1.45;color:var(--navy);letter-spacing:.02em;margin-top:10px} .say-page .section-title .accent{color:var(--blue)} .say-page .section-title .mark{background:linear-gradient(180deg,transparent 62%,rgba(42,125,225,.22) 62%);padding:0 2px} .say-page .section-sub{font-size:.98rem;color:var(--fg-2);line-height:1.95;max-width:640px;margin-top:18px} .say-page .text-center .section-sub{margin-left:auto;margin-right:auto} .say-page section{position:relative} .say-page .section-pad{padding:96px 0} @media(max-width:768px){.say-page .section-pad{padding:64px 0}} .say-page .section-alt{background:var(--bg-subtle)} .say-page .section-alt-2{background:var(--bg-subtle-2)} .say-page .section-dark{background:radial-gradient(ellipse at 20% 0%,rgba(79,150,234,.25) 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(42,125,225,.22) 0%,transparent 55%),linear-gradient(135deg,#0F2A4A 0%,#081A31 100%);color:#fff} .say-page .section-dark .section-title{color:#fff} .say-page .section-dark .eyebrow{color:var(--blue-light)} .say-page .section-dark .eyebrow::before, .say-page .section-dark .eyebrow::after{background:var(--blue-light)} .say-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;font-size:.95rem;font-weight:700;border-radius:8px;transition:all var(--transition);white-space:nowrap;letter-spacing:.04em;line-height:1;border:2px solid transparent} .say-page .btn svg{flex-shrink:0} .say-page .btn-lg{padding:19px 40px;font-size:1rem} .say-page .btn-sm{padding:10px 20px;font-size:.82rem} .say-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(42,125,225,.32),inset 0 -3px 0 rgba(0,0,0,.12)} .say-page .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 10px 22px rgba(42,125,225,.4),inset 0 -3px 0 rgba(0,0,0,.12)} .say-page .btn-outline{background:#fff;color:var(--blue);border-color:var(--blue)} .say-page .btn-outline:hover{background:var(--blue-50);transform:translateY(-2px)} .say-page .btn-white{background:#fff;color:var(--blue);box-shadow:0 6px 14px rgba(0,0,0,.12)} .say-page .btn-white:hover{background:#fff;color:var(--blue-dark);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)} .say-page .btn-ghost-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)} .say-page .btn-ghost-light:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)} .say-page .btn .arr{transition:transform var(--transition)} .say-page .btn:hover .arr{transform:translateX(3px)} .say-page .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)} .say-page .reveal.visible{opacity:1;transform:translateY(0)} .say-page .num{font-family:var(--font-en);font-weight:800;letter-spacing:-.02em} .say-page .jp-dot{color:var(--blue);padding:0 2px;font-weight:900} .say-page ::selection{background:rgba(42,125,225,.25);color:var(--navy)} .say-page ::-webkit-scrollbar{width:10px;height:10px} .say-page ::-webkit-scrollbar-track{background:#fff} .say-page ::-webkit-scrollbar-thumb{background:#A8CFF6;border-radius:10px} .say-page ::-webkit-scrollbar-thumb:hover{background:#6FA9E6} .say-page .sh{margin-bottom:56px} .say-page .sh.text-center .eyebrow{justify-content:center} /* Header */ .say-page .hdr{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:var(--transition)} .say-page .hdr.scrolled{background:rgba(255,255,255,.98);border-bottom-color:var(--border-subtle);box-shadow:var(--shadow-sm)} .say-page .hdr-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1280px;margin:0 auto;padding:0 24px;gap:24px} .say-page .hdr-logo img{height:36px;width:auto} .say-page .hdr-nav{display:flex;align-items:center;gap:26px;flex:1;justify-content:center} .say-page .hdr-nav a{font-size:.9rem;font-weight:600;color:var(--fg-1);position:relative;transition:var(--transition)} .say-page .hdr-nav a:hover{color:var(--blue)} .say-page .hdr-nav a::after{content:'';position:absolute;bottom:-6px;left:50%;width:0;height:2px;background:var(--blue);transition:var(--transition);transform:translateX(-50%)} .say-page .hdr-nav a:hover::after{width:100%} .say-page .hdr-cta{display:flex;align-items:center;gap:12px} .say-page .hdr-tel{display:flex;align-items:center;gap:8px;color:var(--navy);line-height:1.2;padding-right:6px;border-right:1px solid var(--border-subtle);margin-right:2px} .say-page .hdr-tel b{font-family:var(--font-en);font-size:.95rem;font-weight:800;display:block;letter-spacing:.02em} .say-page .hdr-tel small{font-size:.68rem;color:var(--fg-2);font-weight:500} .say-page .hmb{display:none;padding:8px;color:var(--navy)} .say-page .mmenu{position:fixed;inset:72px 0 0 0;background:#fff;z-index:999;overflow-y:auto;animation:menuIn .25s ease} .say-page .mmenu.hidden{display:none} .say-page .mmenu-inner{padding:16px 24px 120px} .say-page .mmenu a{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;font-size:1rem;font-weight:700;color:var(--navy);border-bottom:1px solid var(--border-subtle)} .say-page .mmenu a svg{color:var(--blue)} .say-page .mmenu-cta{margin-top:28px;display:flex;flex-direction:column;gap:12px} .say-page .mmenu-cta .btn{width:100%;padding:16px;font-size:1rem} @keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} @media(max-width:1100px){.say-page .hdr-tel{display:none}.say-page .hdr-nav{gap:18px}} @media(max-width:900px){.say-page .hdr-nav, .say-page .hdr-cta{display:none}.say-page .hmb{display:inline-flex}} /* Mobile sticky CTA */ .say-page .msc{display:none;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px 12px;background:rgba(255,255,255,.96);border-top:1px solid var(--border-subtle);box-shadow:0 -6px 20px rgba(15,42,74,.08);backdrop-filter:blur(10px);gap:8px} .say-page .msc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:8px;font-size:.9rem;font-weight:700;letter-spacing:.03em} .say-page .msc-tel{background:#fff;color:var(--blue);border:2px solid var(--blue)} .say-page .msc-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(42,125,225,.3)} @media(max-width:900px){.say-page .msc{display:flex}.say-page body{padding-bottom:74px}} /* Hero */ .say-page .hero{position:relative;padding:140px 0 120px;background:#F2F1F1;overflow:hidden;color:var(--navy)} .say-page .h-bg-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(15,42,74,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,42,74,.05) 1px,transparent 1px);background-size:44px 44px;opacity:.8;pointer-events:none;mask-image:radial-gradient(ellipse at 30% 30%,black 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 30% 30%,black 0%,transparent 75%)} .say-page .h-bg-stripe{display:none} .say-page .h-bgfig{display:none} .say-page .h-inner{position:relative;z-index:2} .say-page .h-inner-form{display:grid;grid-template-columns:minmax(360px,1fr) minmax(180px,.9fr) minmax(280px,.75fr);gap:32px;align-items:center} .say-page .h-right{overflow:visible} .say-page .h-left{max-width:520px;text-align:left} .say-page .h-center{min-height:360px;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none} .say-page .h-center-ph{width:100%;aspect-ratio:1/1.05;max-width:320px;border:1.5px dashed rgba(15,42,74,.18);border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(15,42,74,.025)} .say-page .h-center-ph-label{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(15,42,74,.08);color:var(--navy);font-size:.7rem;font-weight:700;letter-spacing:.08em;border-radius:4px;border:1px solid rgba(15,42,74,.12)} .say-page .h-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 14px;background:#fff;border:1px solid var(--border);border-radius:100px;font-size:.78rem;font-weight:700;color:var(--blue-dark);margin-bottom:22px;box-shadow:0 2px 8px rgba(15,42,74,.06);letter-spacing:.06em} .say-page .h-badge-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px rgba(42,125,225,.18)} .say-page .h-badge-slash{color:var(--blue);font-weight:900;margin:0 2px} .say-page .h-title{font-family:var(--font-jp);font-weight:900;font-size:clamp(2.7rem,5.3vw,3.65rem);line-height:1.35;color:#0067C0;margin-bottom:24px;letter-spacing:-.01em;white-space:nowrap} .say-page .h-title-sm{font-size:.55em;font-weight:900;letter-spacing:.02em} .say-page .h-title-price{display:inline-block;color:var(--orange);font-size:1.25em;font-weight:900;letter-spacing:-.02em;padding:0 6px;text-shadow:0 2px 0 rgba(230,143,18,.18)} .say-page .hero-badge{display:inline-block;background:var(--orange);color:#FFFFFF;font-size:clamp(2.9rem,5.7vw,4.0rem);font-weight:900;letter-spacing:.06em;padding:8px 22px;border-radius:8px;margin-bottom:14px;line-height:1.15;text-shadow:-1.5px -1.5px 0 rgba(0,0,0,.55),1.5px -1.5px 0 rgba(0,0,0,.55),-1.5px 1.5px 0 rgba(0,0,0,.55),1.5px 1.5px 0 rgba(0,0,0,.55),0 3px 8px rgba(0,0,0,.25);box-shadow:0 8px 22px rgba(230,143,18,.42),inset 0 -4px 0 rgba(0,0,0,.12);white-space:nowrap} @media(max-width:768px){.say-page .hero-badge{font-size:clamp(2.0rem,7vw,2.5rem);padding:6px 16px;margin-bottom:10px;border-radius:7px;letter-spacing:.04em}} .say-page .h-title-tag{position:relative;display:inline-block;background:var(--navy);color:#fff;font-size:1rem;font-weight:800;padding:8px 24px;border-radius:100px;letter-spacing:.04em;margin-bottom:18px;box-shadow:0 6px 16px rgba(15,42,74,.25)} .say-page .h-title-tag::after{content:'';position:absolute;bottom:-5px;left:32px;transform:rotate(45deg);width:12px;height:12px;background:var(--navy)} @media(max-width:1024px){.say-page .h-title{white-space:normal;font-size:clamp(1.8rem,5.4vw,2.6rem)}} .say-page .h-sub{font-size:1.15rem;color:var(--fg-1);line-height:1.85;margin-bottom:28px;font-weight:600} .say-page .h-sub-hl{display:inline-block;background:#2B7CE1;color:#fff;padding:3px 14px;font-weight:800;border-radius:4px} .say-page .h-bullets{display:flex;flex-direction:column;gap:12px;margin-bottom:0} .say-page .h-bullets li{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:var(--navy)} .say-page .h-bullets li b{color:var(--blue);font-weight:900;font-family:var(--font-en);padding:0 2px} /* Hero CTA pill + yellow tag */ .say-page .h-cta{display:flex;gap:20px;margin-top:36px;flex-wrap:wrap;align-items:flex-end} .say-page .h-cta-item{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px} .say-page .h-cta-tag{position:relative;display:inline-block;background:#FFE045;color:var(--navy);font-size:13px;font-weight:800;padding:6px 20px;border-radius:100px;letter-spacing:.02em;box-shadow:0 4px 10px rgba(0,0,0,.08);white-space:nowrap} .say-page .h-cta-tag::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:#FFE045} .say-page .h-cta-tag-orange{background:var(--orange);color:#fff} .say-page .h-cta-tag-orange::after{background:var(--orange)} .say-page .btn-pill{border-radius:100px!important;padding:18px 38px;font-size:1rem;letter-spacing:.04em;white-space:nowrap;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:all var(--transition)} .say-page .btn-pill-navy{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(15,42,74,.28),inset 0 -3px 0 rgba(0,0,0,.2)} .say-page .btn-pill-navy:hover{background:#081A31;transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,42,74,.36),inset 0 -3px 0 rgba(0,0,0,.2)} .say-page .btn-pill-outline{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:0 4px 12px rgba(15,42,74,.08)} .say-page .btn-pill-outline:hover{background:#F8FAFF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,42,74,.14)} .say-page .hb-c{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px rgba(42,125,225,.3)} .say-page .h-form{background:#fff;border-radius:16px;padding:16px 20px 14px;box-shadow:0 20px 60px rgba(15,42,74,.12),0 2px 6px rgba(15,42,74,.04);border:1px solid var(--border-subtle);position:relative;width:540px;max-width:none;margin-left:0;margin-right:0} .say-page .h-form::before{content:'';position:absolute;inset:-1px;border-radius:21px;padding:2px;background:linear-gradient(135deg,rgba(42,125,225,.35),rgba(42,125,225,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .say-page .h-form-head{text-align:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)} .say-page .h-form-eyebrow{display:inline-block;padding:2px 10px;background:var(--blue);color:#fff;font-family:var(--font-en);font-size:.6rem;font-weight:800;border-radius:100px;letter-spacing:.14em;margin-bottom:6px} .say-page .h-form-head h3{font-size:1rem;font-weight:900;color:var(--navy);letter-spacing:.02em} .say-page .h-form-head p{font-size:.68rem;color:var(--fg-2);margin-top:2px;line-height:1.45} .say-page .h-form-note{display:flex;gap:5px;align-items:flex-start;font-size:.64rem;color:var(--fg-3);margin-top:8px;line-height:1.5} .say-page .h-form-note svg{color:var(--blue);flex-shrink:0;margin-top:2px} .say-page .h-hsform{min-height:220px} .say-page .h-hsform .hs-form-field{margin-bottom:4px} .say-page .h-hsform label{display:block;font-size:.64rem;font-weight:700;color:var(--navy);margin-bottom:1px;letter-spacing:.02em;line-height:1.3} .say-page .h-hsform .hs-form-required{color:var(--accent-red);margin-left:3px} .say-page .h-hsform input[type="text"], .say-page .h-hsform input[type="email"], .say-page .h-hsform input[type="tel"], .say-page .h-hsform input[type="number"], .say-page .h-hsform select, .say-page .h-hsform textarea{width:100%;padding:5px 10px;font-size:.76rem;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-subtle);color:var(--navy);transition:var(--transition);font-family:inherit;line-height:1.4} .say-page .h-hsform input:focus, .say-page .h-hsform select:focus, .say-page .h-hsform textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(42,125,225,.15)} .say-page .h-hsform .hs-error-msgs{list-style:none;padding:0;margin:3px 0 0} .say-page .h-hsform .hs-error-msg, .say-page .h-hsform .hs-main-font-element{color:var(--accent-red);font-size:.65rem;font-weight:600;line-height:1.4} .say-page .h-hsform .hs-submit{margin-top:6px} .say-page .h-hsform input[type="submit"]{width:100%;padding:10px;font-size:.85rem;font-weight:800;color:#fff;background:var(--blue);border:none;border-radius:7px;cursor:pointer;letter-spacing:.04em;transition:var(--transition);box-shadow:0 6px 14px rgba(42,125,225,.32),inset 0 -3px 0 rgba(0,0,0,.12);font-family:inherit} .say-page .h-hsform input[type="submit"]:hover{background:var(--blue-dark);transform:translateY(-2px)} .say-page #hubspot-hero-form .legal-consent-container, .say-page #hubspot-hero-form .legal-consent-container *, .say-page #hubspot-hero-form .legal-consent-container p, .say-page #hubspot-hero-form .legal-consent-container span, .say-page #hubspot-hero-form .legal-consent-container div, .say-page #hubspot-hero-form .hs-richtext, .say-page #hubspot-hero-form .hs-richtext *, .say-page #hubspot-hero-form .hs-richtext p, .say-page #hubspot-hero-form .hs-field-desc, .say-page #hubspot-hero-form p, .say-page #hubspot-hero-form p *{font-size:9px!important;color:var(--fg-3)!important;line-height:1.35!important;margin:1px 0!important;font-weight:400!important;letter-spacing:0!important} .say-page .h-hsform .legal-consent-container a{color:var(--blue);text-decoration:underline} .say-page .h-hsform fieldset{max-width:none!important;border:0;padding:0} .say-page .h-hsform .form-columns-2>div{width:100%!important} .say-page .h-hsform .hs-form-booleancheckbox label, .say-page .h-hsform .inputs-list label{display:flex;align-items:center;gap:6px;font-size:.68rem;line-height:1.4} .say-page .h-hsform .hs-form-booleancheckbox input{width:auto;margin:0} @media(min-width:480px){.say-page .h-hsform .form-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.say-page .h-hsform .form-columns-2>div{padding:0!important}} .say-page .h-hsform .form-columns-1>div{padding:0!important} @media(max-width:1024px){ .say-page .h-inner-form{grid-template-columns:1fr;gap:40px} .say-page .h-left{max-width:none} .say-page .h-center{display:none} .say-page .h-form{max-width:520px;margin:0 auto} } @media(max-width:768px){.say-page .hero{padding:100px 0 80px}.say-page .h-title{font-size:2.1rem;line-height:1.4}.say-page .h-sub{font-size:.95rem}.say-page .h-bullets li{font-size:.85rem}.say-page .h-form{padding:22px 20px 18px}.say-page .btn-pill{padding:14px 28px;font-size:.92rem}.say-page .h-cta{gap:14px}} /* Numbers bar */ .say-page .numbar{margin-top:-48px;position:relative;z-index:10;padding:0 24px} .say-page .nb-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);max-width:1060px;margin:0 auto;overflow:hidden} .say-page .nb-cell{padding:26px 20px;text-align:center;position:relative} .say-page .nb-cell:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--border-subtle)} .say-page .nb-val{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--blue);line-height:1.1} .say-page .nb-val .num{font-size:2.4rem;font-weight:900;letter-spacing:-.03em} .say-page .nb-val .num.nb-accent{color:var(--orange)} .say-page .nb-unit{font-size:.95rem;font-weight:700;color:var(--blue-dark)} .say-page .nb-lbl{font-size:.8rem;color:var(--fg-2);margin-top:4px;font-weight:600} @media(max-width:768px){.say-page .nb-grid{grid-template-columns:repeat(2,1fr)}.say-page .nb-cell:nth-child(-n+2)::before{content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;background:var(--border-subtle)}.say-page .nb-cell:nth-child(2)::after{display:none}.say-page .nb-val .num{font-size:1.9rem}} /* Problem */ .say-page .problem{background:var(--bg-subtle);position:relative} .say-page .problem::before{content:'';position:absolute;top:-1px;left:0;right:0;height:40px;background:linear-gradient(180deg,#fff,transparent);pointer-events:none} .say-page .p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .say-page .p-grid.p-grid-4{grid-template-columns:repeat(4,1fr)} .say-page .p-grid.p-grid-6{grid-template-columns:repeat(3,1fr)} .say-page .p-accent{color:var(--orange);font-weight:900} @media(max-width:1200px){.say-page .p-grid.p-grid-4{grid-template-columns:repeat(2,1fr)}} @media(max-width:1024px){.say-page .p-grid.p-grid-6{grid-template-columns:repeat(2,1fr)}} .say-page .p-card{position:relative;background:#fff;border-radius:14px;padding:0 0 24px;border:1px solid var(--border-subtle);transition:all var(--transition);overflow:hidden} .say-page .p-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;background:linear-gradient(135deg,#EAF3FD 0%,#F6FAFF 100%);border-bottom:1px solid var(--border-subtle)} .say-page .p-card .p-num{margin:20px 24px 6px} .say-page .p-card h3, .say-page .p-card>p{margin-left:24px;margin-right:24px} .say-page .p-card:hover{transform:translateY(-4px);border-color:var(--blue-200);box-shadow:var(--shadow-lg)} .say-page .p-num{font-family:var(--font-en);font-size:.78rem;font-weight:800;color:var(--blue);letter-spacing:.1em;margin-bottom:6px} .say-page .p-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--accent-red-bg);color:var(--accent-red);border-radius:10px;margin-bottom:14px} .say-page .p-card h3{font-size:1.08rem;font-weight:800;color:var(--navy);line-height:1.5;margin-bottom:10px;letter-spacing:.02em} .say-page .p-card p{font-size:.86rem;color:var(--fg-2);line-height:1.8} .say-page .p-card p.p-source{margin-top:10px;font-size:.72rem;color:var(--fg-3);font-weight:500;line-height:1.6;letter-spacing:.02em} .say-page .problem-img-placeholder{display:block;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#EAF3FD 0%,#F6FAFF 100%);border-bottom:1px solid var(--border-subtle)} .say-page .p-bridge{margin-top:56px;text-align:center;position:relative} .say-page .p-bridge-arrow{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:50%;animation:bounceDown 2s ease-in-out infinite;box-shadow:0 8px 20px rgba(42,125,225,.35)} @keyframes bounceDown{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}} .say-page .p-bridge-text{display:inline-block;padding:14px 36px;background:var(--navy);color:#fff;border-radius:100px;font-size:1.08rem;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-lg)} .say-page .p-bridge-text b{color:var(--blue-light);font-weight:900} @media(max-width:900px){.say-page .p-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.say-page .p-grid{grid-template-columns:1fr}.say-page .p-bridge-text{font-size:.95rem;padding:12px 24px}} /* Why */ .say-page .why{background:#fff} .say-page .why .br-sp{display:none} .say-page .w-list{display:flex;flex-direction:column;gap:40px} .say-page .w-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center} .say-page .w-row-rev{grid-template-columns:1.15fr .85fr} .say-page .w-row-rev .w-media{order:2} .say-page .w-media-inner{position:relative;aspect-ratio:auto;padding:16px 20px;background:linear-gradient(135deg,#EAF3FD 0%,#D3E6FB 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-strong);overflow:hidden} .say-page .w-media-num{position:absolute;top:20px;left:24px;font-family:var(--font-en);font-size:.7rem;font-weight:800;color:var(--blue-dark);letter-spacing:.18em;line-height:1.2} .say-page .w-media-num b{font-size:2.2rem;letter-spacing:-.02em;display:inline-block;margin-top:4px;color:var(--blue)} .say-page .w-media-icon{width:160px;height:160px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue);box-shadow:0 20px 40px rgba(42,125,225,.18)} .say-page .w-media-photo{width:88%;max-width:420px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(15,42,74,.18));position:relative;z-index:1} .say-page .w-media-dots{position:absolute;right:14px;bottom:14px;width:80px;height:80px;background-image:radial-gradient(var(--blue) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.25} .say-page .w-reason-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;background:var(--blue-50);color:var(--blue-dark);font-family:var(--font-en);font-size:.72rem;font-weight:800;border-radius:4px;letter-spacing:.14em;margin-bottom:14px} .say-page .w-reason-chip b{font-size:.9rem;font-weight:900;letter-spacing:-.01em} .say-page .w-body h3{font-size:1.55rem;font-weight:900;color:var(--navy);line-height:1.5;margin-bottom:16px;letter-spacing:.02em} .say-page .w-body h3 .mark{background:linear-gradient(180deg,transparent 62%,rgba(42,125,225,.28) 62%);padding:0 4px;color:var(--blue-dark)} .say-page .w-body>p{font-size:.96rem;color:var(--fg-2);line-height:1.95;margin-bottom:22px} .say-page .w-stats{display:flex;gap:30px;padding:18px 22px;background:var(--bg-subtle);border-radius:10px;border-left:3px solid var(--blue)} .say-page .w-stat-v{color:var(--blue);line-height:1;display:flex;align-items:baseline;gap:3px} .say-page .w-stat-v .num{font-size:2rem;font-weight:900;letter-spacing:-.03em} .say-page .w-stat-u{font-size:.85rem;font-weight:700;color:var(--blue-dark)} .say-page .w-stat-l{font-size:.75rem;color:var(--fg-2);font-weight:600;margin-top:4px} @media(max-width:900px){.say-page .w-row, .say-page .w-row-rev{grid-template-columns:1fr;gap:24px}.say-page .w-row-rev .w-media{order:0}.say-page .w-media-inner{aspect-ratio:auto;padding:40px 20px}} /* MidCTA */ .say-page .midcta{padding:80px 0;position:relative;overflow:hidden} .say-page .midcta-deco{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 14px,rgba(255,255,255,.025) 14px,rgba(255,255,255,.025) 15px);pointer-events:none} .say-page .midcta-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:center;position:relative;z-index:1} .say-page .midcta-eyebrow{display:inline-block;font-family:var(--font-en);font-size:.74rem;font-weight:800;letter-spacing:.24em;color:var(--blue-light);margin-bottom:14px} .say-page .midcta h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;line-height:1.5;color:#fff;margin-bottom:18px;letter-spacing:.02em} .say-page .midcta h2 .mark{background:linear-gradient(180deg,transparent 62%,rgba(79,150,234,.5) 62%);padding:0 4px} .say-page .midcta-left p{color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.9;margin-bottom:26px} .say-page .midcta-cta{display:flex;gap:14px;flex-wrap:wrap} .say-page .midcta-right{display:flex;flex-direction:column;gap:14px} .say-page .midcta-stat{display:flex;align-items:center;gap:18px;padding:18px 22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px} .say-page .msv{font-size:2.2rem;font-weight:900;color:var(--blue-light);letter-spacing:-.03em;line-height:1} .say-page .msv span{font-size:1rem;margin-left:2px;color:#fff} .say-page .msl{font-size:.88rem;color:rgba(255,255,255,.85);font-weight:600} @media(max-width:900px){.say-page .midcta-inner{grid-template-columns:1fr;gap:36px}} /* Services */ .say-page .svc{background:var(--bg-subtle)} .say-page .svc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px} .say-page .svc-card{background:#fff;border-radius:14px;padding:32px 28px 28px;border:1px solid var(--border-subtle);transition:all var(--transition);position:relative;overflow:hidden} .say-page .svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)} .say-page .svc-card:hover::before{transform:scaleX(1)} .say-page .svc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)} .say-page .svc-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed var(--border)} .say-page .svc-num-block{display:flex;align-items:baseline;gap:6px;color:var(--blue)} .say-page .svc-num-label{font-family:var(--font-en);font-size:.68rem;font-weight:800;letter-spacing:.18em;color:var(--fg-3)} .say-page .svc-num{font-size:1.8rem;font-weight:900;letter-spacing:-.03em} .say-page .svc-tag{padding:4px 12px;background:var(--blue-50);color:var(--blue-dark);font-size:.78rem;font-weight:700;border-radius:4px;letter-spacing:.04em} .say-page .svc-icon{margin-left:auto;color:var(--blue);opacity:.65} .say-page .svc-card h3{font-size:1.25rem;font-weight:900;color:var(--navy);line-height:1.5;margin-bottom:12px;letter-spacing:.02em} .say-page .svc-card>p{font-size:.9rem;color:var(--fg-2);line-height:1.9;margin-bottom:18px} .say-page .svc-items{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px dashed var(--border)} .say-page .svc-items li{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--navy);font-weight:600} .say-page .svc-items li svg{color:#fff;background:var(--blue);border-radius:50%;padding:3px;width:18px;height:18px;flex-shrink:0} @media(max-width:768px){.say-page .svc-list{grid-template-columns:1fr}} /* Works */ .say-page .works{background:var(--bg-subtle-2);position:relative} .say-page .works::before{content:'';position:absolute;top:-1px;left:0;right:0;height:48px;background:linear-gradient(180deg,var(--bg-subtle),transparent);pointer-events:none} .say-page .works-list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px} .say-page .works-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(15,42,74,.14);border:1px solid var(--border-subtle);display:flex;flex-direction:column} .say-page .works-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 20px} .say-page .works-card-info{flex:1;min-width:0} .say-page .works-tag{display:inline-block;padding:3px 10px;background:var(--blue-50);color:var(--blue-dark);font-size:.72rem;font-weight:800;border-radius:4px;letter-spacing:.06em;margin-bottom:10px} .say-page .works-card-info h3{font-size:1.3rem;font-weight:900;color:var(--navy);margin-bottom:6px;letter-spacing:.02em;line-height:1.5} .say-page .works-card-info p{font-size:.88rem;color:var(--fg-2);line-height:1.85} .say-page .works-card-actions{display:flex;gap:10px;flex-shrink:0} .say-page .works-browser-bar{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--bg-subtle-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .say-page .wbb-dots{display:inline-flex;gap:6px;align-items:center} .say-page .wbb-dots i{width:11px;height:11px;border-radius:50%;display:inline-block} .say-page .wbb-dots i:nth-child(1){background:#FF5F57} .say-page .wbb-dots i:nth-child(2){background:#FEBC2E} .say-page .wbb-dots i:nth-child(3){background:#28C840} .say-page .wbb-url{flex:1;min-width:0;padding:6px 16px;background:#fff;border:1px solid var(--border);border-radius:100px;font-family:var(--font-en);font-size:.8rem;color:var(--fg-2);font-weight:600;letter-spacing:.02em;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .say-page .wbb-url svg{flex-shrink:0;color:var(--blue)} .say-page .works-iframe-wrap{position:relative;background:#fff;overflow:hidden} .say-page .works-iframe-wrap iframe{width:100%;height:540px;border:0;background:#fff;display:block} .say-page .works-card-info h3{font-size:1.15rem} @media(max-width:1024px){ .say-page .works-list{grid-template-columns:1fr;gap:40px} .say-page .works-iframe-wrap iframe{height:620px} } @media(max-width:900px){ .say-page .works-card-head{flex-direction:column;padding:22px} .say-page .works-card-actions{width:100%} .say-page .works-card-actions .btn{flex:1} .say-page .works-iframe-wrap iframe{height:500px} } @media(max-width:640px){.say-page .works-iframe-wrap iframe{height:420px}} /* Works デモ識別 */ .say-page .works-divider{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin:24px 0 6px} .say-page .works-divider::before, .say-page .works-divider::after{content:"";flex:1;height:1px;background:var(--border)} .say-page .works-divider span{font-size:.82rem;font-weight:800;color:var(--fg-2);letter-spacing:.08em;white-space:nowrap} .say-page .works-tag-demo{background:#FFF1E0;color:#B5651D} .say-page .works-demo-note{font-size:.78rem;color:#B5651D;font-weight:700;line-height:1.7;margin-top:8px} /* Pricing */ .say-page .pricing{background:#fff} .say-page .pricing .br-sp{display:none} .say-page .pc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;align-items:stretch} .say-page .pc-card{position:relative;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:32px 26px 26px;transition:all var(--transition);display:flex;flex-direction:column} .say-page .pc-card:hover{transform:translateY(-4px);border-color:var(--blue-200);box-shadow:var(--shadow-lg)} .say-page .pc-reco{border-color:var(--blue);border-width:2px;background:linear-gradient(180deg,#fff 0%,#F8FBFF 100%);box-shadow:0 18px 48px rgba(42,125,225,.18);transform:translateY(-6px)} .say-page .pc-reco:hover{transform:translateY(-10px)} .say-page .pc-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:6px 18px;background:var(--blue);color:#fff;font-size:.75rem;font-weight:800;border-radius:100px;letter-spacing:.06em;box-shadow:0 6px 14px rgba(42,125,225,.3)} .say-page .pc-head{text-align:center;padding-bottom:22px;border-bottom:1px dashed var(--border)} .say-page .pc-tag{display:inline-block;padding:3px 10px;background:var(--blue-50);color:var(--blue-dark);font-size:.7rem;font-weight:800;border-radius:4px;letter-spacing:.06em;margin-bottom:8px} .say-page .pc-head h3{font-size:1.45rem;font-weight:900;color:var(--navy);letter-spacing:.04em} .say-page .pc-desc{font-size:.8rem;color:var(--fg-2);margin-top:4px;min-height:28px} .say-page .pc-price{padding:22px 0;text-align:center;border-bottom:1px dashed var(--border);margin-bottom:20px} .say-page .pc-init{font-size:.82rem;color:var(--fg-2);margin-bottom:6px} .say-page .pc-init b{font-weight:800;color:var(--navy);font-size:.95rem} .say-page .pc-mo{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--blue);line-height:1} .say-page .pc-mo-label{font-size:.78rem;font-weight:700;color:var(--fg-2);margin-right:4px} .say-page .pc-mo .num b{font-size:2.4rem;font-weight:900;letter-spacing:-.03em;color:var(--blue)} .say-page .pc-mo-unit{font-size:.9rem;font-weight:700;color:var(--blue-dark)} .say-page .pc-note{display:inline-block;margin-top:10px;padding:4px 12px;background:#FFF6E1;color:#A1651C;font-size:.72rem;font-weight:700;border-radius:4px} .say-page .pc-subnote{font-size:.72rem;color:var(--fg-3);margin-top:8px} .say-page .pc-feats{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1} .say-page .pc-feats li{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--navy);font-weight:600;line-height:1.5} .say-page .pc-feats li svg{color:#fff;background:var(--blue);border-radius:50%;padding:3px;width:18px;height:18px;flex-shrink:0} .say-page .pc-feats li.off{color:var(--fg-3);font-weight:500} .say-page .pc-feats li.off svg{background:transparent;color:var(--gray-300);padding:0} .say-page .ent{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:48px;border-radius:20px;background:radial-gradient(ellipse at 20% 0%,rgba(79,150,234,.3) 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(42,125,225,.28) 0%,transparent 55%),linear-gradient(135deg,#0F2A4A 0%,#081A31 100%);color:#fff;margin-bottom:40px;position:relative;overflow:hidden} .say-page .ent::after{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(79,150,234,.3) 0%,transparent 70%)} .say-page .ent-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--font-en);font-size:.72rem;font-weight:800;border-radius:100px;letter-spacing:.14em;margin-bottom:16px} .say-page .ent-left h3{font-size:1.6rem;font-weight:900;line-height:1.5;margin-bottom:14px;letter-spacing:.03em} .say-page .ent-left h3 .mark{background:linear-gradient(180deg,transparent 62%,rgba(79,150,234,.5) 62%);padding:0 4px} .say-page .ent-left>p{font-size:.94rem;color:rgba(255,255,255,.85);line-height:1.9;margin-bottom:20px} .say-page .ent-left ul{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px} .say-page .ent-left ul li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:rgba(255,255,255,.95);font-weight:500} .say-page .ent-left ul li svg{color:var(--blue-light);flex-shrink:0} .say-page .ent-right{display:flex;flex-direction:column;gap:12px} .say-page .ent-price{text-align:center;padding:22px 24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px} .say-page .ent-price-label{display:block;font-size:.78rem;color:rgba(255,255,255,.7);margin-bottom:4px} .say-page .ent-price-main{display:block;font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:.04em} .say-page .ent-price-sub{display:block;font-size:.72rem;color:rgba(255,255,255,.6);margin-top:4px} .say-page .ent-right .btn{width:100%} .say-page .po{padding:36px 40px;background:var(--bg-subtle);border-radius:16px;border:1px solid var(--border-subtle)} .say-page .po-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed var(--border)} .say-page .po-head h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:900;color:var(--navy);letter-spacing:.02em} .say-page .po-head h3 svg{color:var(--blue)} .say-page .po-head p{font-size:.82rem;color:var(--fg-2);margin-top:4px} .say-page .po-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 40px} .say-page .po-row{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px dotted var(--border-strong);gap:12px} .say-page .po-k{font-size:.88rem;color:var(--fg-1);font-weight:600} .say-page .po-v{font-size:.82rem;color:var(--blue-dark);font-weight:700;text-align:right} @media(max-width:1024px){.say-page .pc-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.say-page .pc-reco{transform:none}.say-page .pc-reco:hover{transform:translateY(-4px)}.say-page .ent{grid-template-columns:1fr;padding:36px 28px}.say-page .po-grid{grid-template-columns:1fr;gap:0 0}} /* Flow */ .say-page .flow{background:var(--bg-subtle)} .say-page .flow .br-sp{display:none} .say-page .flow-list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative} .say-page .flow-step{position:relative;padding:22px 18px;background:#fff;border-radius:12px;border:1px solid var(--border-subtle);transition:var(--transition)} .say-page .flow-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)} .say-page .flow-step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px} .say-page .flow-step-day{font-family:var(--font-en);font-size:.62rem;font-weight:800;color:var(--fg-3);letter-spacing:.12em;padding:2px 6px;background:var(--bg-subtle);border-radius:3px} .say-page .flow-step-n{font-size:1.8rem;font-weight:900;color:var(--blue);letter-spacing:-.04em;line-height:1} .say-page .flow-step-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-dark);border-radius:8px;margin-bottom:10px} .say-page .flow-step h4{font-size:.95rem;font-weight:900;color:var(--navy);margin-bottom:8px;line-height:1.4;letter-spacing:.02em} .say-page .flow-step p{font-size:.76rem;color:var(--fg-2);line-height:1.7} .say-page .flow-step-arrow{position:absolute;top:50%;right:-14px;transform:translateY(-50%);z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--blue);border:1.5px solid var(--border);border-radius:50%} @media(max-width:1100px){.say-page .flow-list{grid-template-columns:repeat(3,1fr)}.say-page .flow-step-arrow{display:none}} @media(max-width:640px){.say-page .flow-list{grid-template-columns:repeat(2,1fr)}} /* FAQ */ .say-page .faq{background:#fff} .say-page .faq-list{display:flex;flex-direction:column;gap:12px} .say-page .faq-item{background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:var(--transition)} .say-page .faq-item:hover{border-color:var(--blue-200)} .say-page .faq-item.open{border-color:var(--blue);box-shadow:0 6px 20px rgba(42,125,225,.1)} .say-page .faq-q{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 24px;background:transparent;text-align:left;font:inherit} .say-page .faq-q-mark{font-size:1.2rem;font-weight:900;color:var(--blue);width:28px;text-align:center} .say-page .faq-q-text{font-size:1rem;font-weight:700;color:var(--navy);line-height:1.6;letter-spacing:.02em} .say-page .faq-q-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--blue);border-radius:50%;transition:var(--transition);flex-shrink:0} .say-page .faq-item.open .faq-q-icon{background:var(--blue);color:#fff} .say-page .faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)} .say-page .faq-item.open .faq-a-wrap{grid-template-rows:1fr} .say-page .faq-a-wrap>.faq-a{overflow:hidden} .say-page .faq-a{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:0 24px} .say-page .faq-item.open .faq-a{padding:0 24px 22px} .say-page .faq-a-mark{font-size:1.2rem;font-weight:900;color:var(--blue-dark);width:28px;text-align:center;padding-top:2px} .say-page .faq-a-text{font-size:.9rem;color:var(--fg-2);line-height:1.95;padding-top:4px;border-top:1px dashed var(--border);margin-left:-46px;padding-left:46px} @media(max-width:640px){.say-page .faq-q{padding:16px 18px;gap:12px}.say-page .faq-a{padding:0 18px;gap:12px}.say-page .faq-item.open .faq-a{padding:0 18px 18px}.say-page .faq-q-text{font-size:.92rem}} /* Final CTA */ .say-page .fcta{padding:100px 0 60px;background:var(--bg-subtle);position:relative;overflow:hidden} .say-page .fcta-deco{position:absolute;top:-140px;right:-160px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(42,125,225,.14) 0%,transparent 65%)} .say-page .fcta-card{position:relative;background:#fff;border-radius:24px;padding:56px 48px;box-shadow:0 30px 80px rgba(15,42,74,.12);border:1px solid var(--border-subtle)} .say-page .fcta-top{text-align:center;margin-bottom:44px} .say-page .fcta-eyebrow{display:inline-block;font-family:var(--font-en);font-size:.78rem;font-weight:800;letter-spacing:.18em;color:var(--blue);margin-bottom:14px} .say-page .fcta-top h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900;color:var(--navy);line-height:1.5;letter-spacing:.02em;margin-bottom:14px} .say-page .fcta-top h2 .mark{background:linear-gradient(180deg,transparent 62%,rgba(42,125,225,.28) 62%);padding:0 4px;color:var(--blue-dark)} .say-page .fcta-top p{font-size:.95rem;color:var(--fg-2)} .say-page .fcta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .say-page .fcta-col{position:relative;padding:32px 26px 30px;background:#fff;border:1.5px solid var(--border);border-radius:16px;text-align:center;transition:var(--transition);display:flex;flex-direction:column} .say-page .fcta-col:hover{transform:translateY(-4px);border-color:var(--blue-200);box-shadow:var(--shadow-lg)} .say-page .fcta-col-reco{border-color:var(--blue);border-width:2px;background:linear-gradient(180deg,#fff 0%,#F6FAFF 100%)} .say-page .fcta-reco-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 14px;background:var(--blue);color:#fff;font-size:.7rem;font-weight:800;border-radius:100px;letter-spacing:.06em} .say-page .fcta-col-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);color:var(--blue-dark);border-radius:50%} .say-page .fcta-col-icon-blue{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(42,125,225,.3)} .say-page .fcta-col h3{font-size:1.15rem;font-weight:900;color:var(--navy);margin-bottom:8px;letter-spacing:.02em} .say-page .fcta-col>p{font-size:.85rem;color:var(--fg-2);line-height:1.85;margin-bottom:20px;flex:1} .say-page .fcta-col .btn{width:100%} .say-page .fcta-col-note{font-size:.72rem;color:var(--fg-3);margin-top:10px} .say-page .fcta-tel{margin-bottom:10px} .say-page .fcta-tel .num{font-size:1.7rem;font-weight:900;color:var(--blue);letter-spacing:-.01em} .say-page .fcta-tel .num:hover{color:var(--blue-dark)} .say-page .fcta-mail{font-size:1rem;font-weight:800;color:var(--blue);font-family:var(--font-en);letter-spacing:.02em;margin-bottom:10px} .say-page .fcta-mail:hover{color:var(--blue-dark);text-decoration:underline} @media(max-width:900px){.say-page .fcta-grid{grid-template-columns:1fr}.say-page .fcta-card{padding:40px 24px}} /* Company */ .say-page .comp{padding:80px 0;background:#fff} .say-page .comp-grid{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start} .say-page .comp-head .eyebrow{margin-bottom:8px} .say-page .comp-head .section-title{font-size:1.6rem;margin-bottom:14px} .say-page .comp-head-sub{font-size:.85rem;color:var(--fg-2);line-height:1.85} .say-page .comp-dl{border-top:1px solid var(--border)} .say-page .comp-row{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:18px 4px;border-bottom:1px solid var(--border)} .say-page .comp-row dt{font-size:.85rem;font-weight:700;color:var(--blue-dark);letter-spacing:.04em} .say-page .comp-row dd{font-size:.9rem;color:var(--fg-1);font-weight:500;line-height:1.7} .say-page .comp-row dd a{color:var(--blue);text-decoration:underline;text-underline-offset:3px} .say-page .comp-row dd a:hover{color:var(--blue-dark)} @media(max-width:768px){.say-page .comp-grid{grid-template-columns:1fr;gap:24px}.say-page .comp-row{grid-template-columns:1fr;gap:4px;padding:14px 4px}.say-page .comp-row dt{font-size:.75rem}} /* Footer */ .say-page .ft{background:var(--navy);color:rgba(255,255,255,.75);padding:64px 0 32px} .say-page .ft-top{display:grid;grid-template-columns:1.2fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)} .say-page .ft-logo{height:40px;width:auto;filter:brightness(0) invert(1);margin-bottom:18px} .say-page .ft-brand p{font-size:.85rem;line-height:1.9;margin-bottom:18px} .say-page .ft-contact{display:flex;flex-direction:column;gap:6px} .say-page .ft-contact div{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#fff;font-weight:600} .say-page .ft-contact a{color:#fff} .say-page .ft-contact a:hover{color:var(--blue-light)} .say-page .ft-contact svg{color:var(--blue-light)} .say-page .ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px} .say-page .ft-col h4{font-size:.88rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:.04em} .say-page .ft-col a{display:block;font-size:.82rem;color:rgba(255,255,255,.72);padding:5px 0;transition:var(--transition)} .say-page .ft-col a:hover{color:var(--blue-light)} .say-page .ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:.78rem;color:rgba(255,255,255,.55)} @media(max-width:900px){.say-page .ft-top{grid-template-columns:1fr;gap:32px}.say-page .ft-cols{grid-template-columns:repeat(2,1fr)}.say-page .ft-bottom{flex-direction:column;gap:14px}} .say-page