@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";
@font-face{font-family:CorporateLogo;src:url(/fonts/Corporate-Logo-Medium-ver3.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:CorporateLogo;src:url(/fonts/Corporate-Logo-Bold-ver3.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700 900}:root{--brand-main:#00c8ff;--brand-aqua:#00c8ff;--brand-deep-blue:#003b5c;--brand-orange:#ff8a00;--brand-sub1:#65b3a4;--brand-sub2:#90c6b5;--brand-sub3:#d9f4f6;--brand-sub4:#e6fbff;--brand-black:#333;--brand-yellow:#00c8ff;--brand-gradient-main:linear-gradient(135deg, #00c8ff 0%, #66e3ff 100%);--brand-gradient-soft:linear-gradient(90deg, #00c8ff 0%, #35d8ff 54%, #a6f2ff 100%);--color-navy:var(--brand-deep-blue);--color-navy-dark:#002a42;--color-blue:var(--brand-main);--color-yellow:var(--brand-yellow);--color-yellow-bright:var(--brand-yellow);--color-yellow-soft:#c9f7ff;--color-orange:var(--brand-orange);--color-orange-dark:#e85d00;--color-cream:#eafbff;--color-white:#fff;--color-text:var(--brand-black);--color-muted:#12323ab8;--shadow-button:none;--shadow-card:0 12px 0 #003b5c14, 0 24px 40px #003b5c24;--radius-card:18px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-white);letter-spacing:0;margin:0;font-family:CorporateLogo,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.7}body::selection{color:var(--color-white);background:var(--brand-aqua)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}img{max-width:100%}.container{width:min(100% - 40px, var(--container));margin:0 auto}.site-header{z-index:50;background:var(--color-white);width:100%;box-shadow:none;padding:18px 28px 10px;transition:box-shadow .18s,background .18s;position:sticky;top:0;left:0}.site-header--scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;box-shadow:0 8px #003b5c0d,0 14px 28px #003b5c14}.site-header__inner{align-items:center;gap:24px;max-width:1380px;margin:0 auto;display:flex}.brand{min-width:max-content;color:var(--color-navy);align-items:center;text-decoration:none;display:inline-flex}.brand__logo{width:clamp(210px,19vw,292px);height:auto;transform:translateY(-2px)}.site-nav{align-items:center;gap:clamp(12px,1.6vw,24px);margin-left:auto;display:flex}.site-nav a{white-space:nowrap;font-size:14px;font-weight:800;text-decoration:none;position:relative}.site-nav a:after{z-index:-1;content:"";background:var(--color-yellow);opacity:0;width:calc(100% + 6px);height:9px;transition:opacity .18s;position:absolute;bottom:2px;left:-3px}.site-nav a:hover:after{opacity:1}.site-header__actions{gap:14px;margin-left:8px;display:flex}.button{min-width:168px;min-height:50px;color:var(--color-white);text-align:center;box-shadow:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:900;line-height:1.2;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";background:#fff3;width:0;transition:width .22s;position:absolute;inset:0}.button:hover{box-shadow:none;transform:translateY(-3px)}.button:hover:before{width:100%}.button svg,.button span{z-index:1;position:relative}.button--primary{background:var(--color-navy)}.button--secondary{color:var(--color-white);background:var(--color-orange)}.button--secondary:before{background:#ffffff47}.button--ghost{min-width:196px;color:var(--color-navy);background:var(--color-white);box-shadow:none}.menu-button{width:48px;height:48px;color:var(--color-navy);background:0 0;border:0;margin-left:auto;display:none}.hero{background-color:var(--brand-aqua);background-image:url(/images/mediative-ai-bg-aqua-simple.svg);background-position:top;background-size:cover;min-height:670px;padding:116px 0 48px;position:relative;overflow:hidden}.hero__wave{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:absolute;left:0}.hero__wave--top{background-image:url(/images/hero-wave-top.svg);height:128px;top:-1px}.hero__wave--bottom{background-image:url(/images/hero-wave-bottom.svg);height:192px;bottom:-1px}.hero__inner{z-index:2;grid-template-columns:minmax(500px,.88fr) minmax(560px,1.12fr);align-items:center;gap:18px;display:grid;position:relative}.hero__copy{z-index:3;padding-top:34px;position:relative}.hero h1{max-width:610px;color:var(--color-navy);text-wrap:balance;text-shadow:0 5px #ffffffe6;margin:0;font-size:clamp(42px,4.7vw,68px);font-weight:900;line-height:1.06;display:block;position:relative}.hero__subtitle{max-width:560px;color:var(--color-navy);background:linear-gradient(#0000 66%,#ffffffeb 0);margin:18px 0;padding:0;font-size:clamp(16px,1.7vw,22px);font-weight:900;line-height:1.5;display:block}.hero__benefits{gap:12px;max-width:560px;margin:0 0 14px;display:flex}.hero__benefits span{width:104px;height:104px;color:var(--color-navy);text-align:center;background:var(--color-white);border:3px solid var(--color-navy);border-radius:999px;place-items:center;padding:14px;font-size:13px;font-weight:900;line-height:1.45;display:grid;box-shadow:0 10px #003b5c1a,0 16px 24px #003b5c29}.hero__lead{color:#002a42db;max-width:590px;margin:0;font-size:15px;font-weight:700;line-height:1.55}.hero__buttons{flex-wrap:wrap;gap:14px;display:flex}.hero__buttons--visual{z-index:3;justify-content:center;margin:-28px 0 0 16%;position:relative}@media (min-width:1181px){.hero__inner{grid-template-columns:minmax(610px,1fr) minmax(540px,1fr);gap:8px}.hero__copy{padding-top:40px}.hero h1{max-width:720px;font-size:clamp(54px,5.35vw,78px);line-height:1.04}.hero__subtitle{max-width:700px;margin:22px 0;font-size:clamp(20px,1.95vw,26px)}.hero__benefits{gap:18px;max-width:680px;margin-bottom:18px}.hero__benefits span{width:122px;height:122px;padding:16px;font-size:15px}.hero__lead{max-width:720px;font-size:17px}.hero-visual{margin-top:-14px}.hero-visual img{transform:translate(8%)scale(.88)}.hero__buttons--visual{margin-top:-12px}.hero__buttons--visual .button{min-width:178px;min-height:52px;font-size:15.5px}.hero__buttons--visual .button--secondary{margin-left:44px}}.hero__visual-column{place-items:center stretch;min-width:0;padding-bottom:24px;display:grid;position:relative}.hero-visual{z-index:1;min-width:0;margin:-8px 0 0;position:relative}.hero-visual__frame{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.hero-visual img{object-fit:contain;object-position:center;filter:drop-shadow(0 26px #003b5c14)drop-shadow(0 32px 34px #003b5c33);width:100%;height:auto;transform:translate(9%)scale(.84)}.logos{background:var(--color-white);padding:54px 0 70px;overflow:hidden}.section-heading{text-align:center;max-width:840px;margin:0 auto 42px}.section-heading__label{color:var(--color-navy);background:var(--color-yellow);border:3px solid var(--color-navy);border-radius:999px;margin:0 0 16px;padding:4px 24px 6px;font-size:14px;font-weight:900;display:inline-block;box-shadow:0 6px #003b5c1a}.section-heading h2{margin:0;font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1.45}.section-heading h2 span{background:linear-gradient(#0000 62%,#00c8ffb3 0)}.section-heading__lead{color:var(--color-muted);margin:14px auto 0;font-size:16px;font-weight:700}.section-heading--dark{color:var(--color-white)}.section-heading--dark .section-heading__label{color:var(--color-navy)}.section-heading--dark .section-heading__lead{color:#ffffffc7}.logo-marquee{gap:18px;display:grid}.logo-marquee__row{overflow:hidden}.logo-marquee__track{width:max-content;animation:42s linear infinite marquee;display:flex}.logo-marquee__track--reverse{animation-duration:48s;animation-direction:reverse}.logo-marquee__track span{color:#003b5ccc;background:linear-gradient(#fff,#eafbff);border:2px solid #003b5c1f;border-radius:999px;place-items:center;min-width:158px;height:58px;margin-right:30px;font-family:CorporateLogo,Noto Sans JP,sans-serif;font-size:18px;font-weight:900;display:grid;box-shadow:0 6px #003b5c0f}.logos__note{color:#004e6480;text-align:center;margin:20px 0 0;font-size:12px;font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.problems,.function-intro,.cases,.pricing{background:radial-gradient(circle at 8% 14%, #00c8ff3d, transparent 18%), radial-gradient(circle at 92% 8%, #00c8ff2e, transparent 18%), var(--color-cream);padding:96px 0;position:relative}.problems:before,.function-intro:before,.cases:before,.pricing:before{content:"";pointer-events:none;background:url(/images/section-wave-white-top.svg) 50%/100% 100% no-repeat;width:100%;height:104px;position:absolute;top:-52px;left:0}.problems .container,.function-intro .container,.cases .container,.pricing .container{z-index:1;position:relative}.function-intro:before{background-image:url(/images/section-wave-white-up.svg)}.problem-map{grid-template-columns:repeat(2,minmax(260px,1fr));align-items:center;gap:28px 340px;min-height:520px;display:grid;position:relative}.problem-map__person{border:4px solid var(--color-navy);background:radial-gradient(circle,#fff 0 54%,#00c8ff75 55% 100%);border-radius:999px 999px 24px 24px;place-items:center;width:210px;height:270px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);box-shadow:0 12px #003b5c1a,0 26px 38px #003b5c1f}.problem-map__person span{filter:drop-shadow(0 12px #003b5c14)drop-shadow(0 18px 20px #003b5c29);background:url(/images/icons/workflow-interview-isometric.png) 50%/contain no-repeat;border-radius:0;width:170px;height:170px}.cloud{background:var(--color-white);border:3px solid var(--color-navy);min-height:180px;box-shadow:var(--shadow-card);border-radius:52px;padding:34px 32px;position:relative}.cloud:after{content:"";background:radial-gradient(circle, var(--color-white) 0 36%, transparent 37%) 0 0 / 22px 22px;width:64px;height:22px;position:absolute;top:44%}.cloud:nth-child(2n):after{right:-74px}.cloud:nth-child(odd):after{left:-74px}.image-icon{filter:drop-shadow(0 10px #003b5c14)drop-shadow(0 16px 16px #003b5c24);background:0 0;border:0;border-radius:0;place-items:center;width:104px;height:104px;display:grid;position:relative;overflow:visible}.image-icon img{object-fit:contain;width:100%;height:100%}.cloud .image-icon{width:96px;height:96px;margin-bottom:2px}.cloud h3{margin:12px 0 8px;font-size:20px;font-weight:900}.cloud p{color:var(--color-muted);margin:0;font-size:14px;font-weight:700}.features{color:var(--color-white);background:radial-gradient(circle at 14% 16%, #00c8ff33, transparent 20%), radial-gradient(circle at 86% 18%, #00c8ff42, transparent 18%), linear-gradient(180deg, var(--color-navy), var(--color-navy-dark)), var(--color-navy);padding:104px 0 94px;position:relative;overflow:hidden}.features:before{content:"";pointer-events:none;background:url(/images/section-wave-aqua-top.svg) 50%/100% 100% no-repeat;width:100%;height:112px;position:absolute;top:-52px;left:0}.feature-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.feature-card{min-height:358px;color:var(--color-navy);text-align:center;background:var(--color-white);border-radius:var(--radius-card);border:3px solid #002a4238;padding:46px 18px 26px;position:relative;box-shadow:0 12px #00c8ffeb,0 24px 34px #00000038}.feature-card__number{background:var(--color-yellow);border:3px solid var(--color-navy);border-radius:999px;place-items:center;width:42px;height:42px;font-family:CorporateLogo,Noto Sans JP,sans-serif;font-weight:900;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.feature-card .image-icon{width:128px;height:128px;margin:26px auto 10px}.feature-card h3{margin:0 0 12px;font-size:20px;font-weight:900}.feature-card p{color:var(--color-muted);margin:0;font-size:14px;font-weight:700;line-height:1.75}.center{justify-content:center;margin-top:42px;display:flex}.function-intro{background:linear-gradient(180deg, #fff 0%, #fff 72%, var(--color-cream) 72% 100%)}.function-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.function-card{text-align:center;background:var(--color-white);border:3px solid var(--color-navy);border-radius:var(--radius-card);min-height:286px;padding:28px 22px;box-shadow:0 9px #003b5c14,0 20px 28px #003b5c1f}.function-card .image-icon{width:132px;height:132px;margin:0 auto 8px}.function-card h3,.case-card h3,.flow-card h3{margin:0 0 12px;font-size:21px;font-weight:900}.function-card p,.flow-card p{color:var(--color-muted);margin:0;font-size:14px;font-weight:700}.comparison,.flow,.faq{background:var(--color-white);padding:96px 0}.comparison-table{border:3px solid var(--color-navy);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.comparison-table__row{grid-template-columns:1.2fr repeat(3,1fr);display:grid}.comparison-table__row>div{text-align:center;border-bottom:1px solid #004e641f;border-right:1px solid #004e641f;justify-content:center;align-items:center;min-height:96px;padding:14px 16px;font-weight:900;display:flex}.comparison-table__row>div:first-child{text-align:left;background:#eafbff;justify-content:flex-start}.comparison-table__row--head>div{min-height:76px;color:var(--color-white);background:var(--color-navy)}.comparison-table__row--head>div:first-child{color:var(--color-white);background:var(--color-navy-dark)}.comparison-table .is-best{color:var(--color-navy);background:var(--color-yellow)}.comparison-table__rating{flex-direction:column;gap:3px;line-height:1.35}.comparison-table__mark{font-size:24px;line-height:1}.comparison-table__note{color:var(--color-muted);font-size:13px;font-weight:700}.comparison-table .is-best .comparison-table__note{color:var(--color-navy)}.case-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.case-card{background:var(--color-white);border:3px solid var(--color-navy);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:0 0 26px;overflow:hidden}.case-card__image{background:radial-gradient(circle at 20% 20%, #00c8ff73, transparent 28%), linear-gradient(135deg, var(--brand-sub3), #fff);place-items:center;height:210px;display:grid}.case-card__image .image-icon{width:158px;height:158px}.case-card>p{background:var(--color-yellow);border:2px solid var(--color-navy);border-radius:999px;margin:22px 24px 12px;padding:4px 12px;font-size:12px;font-weight:900;display:inline-block}.case-card h3{padding:0 24px;line-height:1.55}.case-card dl{border-top:1px solid #004e641f;gap:14px;margin:18px 0 0;padding:14px 24px 0;display:flex}.case-card dt,.case-card dd{color:var(--color-muted);margin:0;font-size:13px;font-weight:700}.flow-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}.flow-card{text-align:center;background:var(--color-white);border:3px solid var(--color-navy);border-radius:var(--radius-card);min-height:230px;padding:30px 24px;box-shadow:0 8px #00c8ffd9}.flow-card span{color:var(--brand-aqua);margin-bottom:16px;font-family:CorporateLogo,Noto Sans JP,sans-serif;font-weight:900;display:inline-block}.flow-card h3{white-space:nowrap}.pricing-consult{background:var(--color-white);border:3px solid var(--color-navy);border-radius:var(--radius-card);grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);max-width:1040px;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 12px #00c8ffd1,0 24px 40px #003b5c24}.pricing-consult:before{content:"";background:var(--brand-aqua);width:9px;height:100%;position:absolute;top:0;left:0}.pricing-consult__copy{padding:48px 54px 50px 58px}.pricing-consult__label{min-height:36px;color:var(--color-navy);background:var(--brand-aqua);border:2px solid var(--color-navy);border-radius:999px;align-items:center;margin:0 0 20px;padding:5px 18px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 5px #003b5c1a}.pricing-consult h3{max-width:650px;color:var(--color-navy);margin:0;font-size:clamp(28px,3vw,40px);font-weight:900;line-height:1.35}.pricing-consult__copy>p:last-child{max-width:680px;color:var(--color-muted);margin:18px 0 0;font-size:15px;font-weight:700}.pricing-consult__action{border-left:3px solid var(--color-navy);background:linear-gradient(145deg,#eafbff 0%,#c9f7ff 100%);flex-direction:column;justify-content:center;gap:22px;padding:44px 46px;display:flex}.pricing-consult__action p{color:var(--color-navy);margin:0;font-size:16px;font-weight:700;line-height:1.7}.pricing-consult__action .button{min-width:100%;min-height:58px}.faq-list{gap:12px;max-width:900px;margin:0 auto;display:grid}.faq-list details{background:var(--color-white);border-radius:var(--radius-card);border:3px solid #003b5c29;box-shadow:0 7px #003b5c0f}.faq-list summary{cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:64px;padding:18px 22px;font-weight:900;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{background:var(--color-yellow);border:2px solid var(--color-navy);border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{color:var(--color-muted);margin:0;padding:0 22px 22px 66px;font-weight:700}.final-cta{color:var(--color-navy);background:radial-gradient(circle at 12% 18%, #ffffff6b, transparent 22%), radial-gradient(circle at 88% 20%, #ffffff47, transparent 18%), var(--brand-aqua);padding:96px 0 112px;position:relative;overflow:hidden}.final-cta:after{content:"";pointer-events:none;background:url(/images/final-cta-wave-bottom.svg) bottom/100% 100% no-repeat;width:100%;height:240px;position:absolute;bottom:-1px;left:0;right:0}.final-cta__inner{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.final-cta__inner .image-icon{background:0 0;width:132px;height:132px}.final-cta h2{margin:18px 0 12px;font-size:clamp(32px,4vw,54px);font-weight:900;line-height:1.35}.final-cta p{color:#002a42c7;margin:0 0 28px;font-weight:700}.footer{background:var(--color-white);padding:34px 0 42px}.footer__inner{align-items:center;gap:28px;display:flex}.footer__inner div{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}.footer a{font-weight:800;text-decoration:none}.footer small{color:var(--color-muted);font-weight:700}@media (max-width:1180px){.site-nav,.site-header__actions{display:none}.menu-button{place-items:center;display:grid}.hero{min-height:auto;padding-top:118px}.hero__inner{grid-template-columns:1fr}.hero__copy{text-align:center}.hero__lead,.hero__benefits,.hero__buttons{justify-content:center;margin-left:auto;margin-right:auto}.hero__visual-column{max-width:760px;margin:8px auto 0;padding-bottom:8px}.hero__buttons--visual{margin:-16px auto 0}.hero-visual{margin:0 auto}.feature-grid{grid-template-columns:repeat(3,1fr)}.function-grid,.flow-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.site-header{padding:12px 16px 8px}.brand__logo{width:min(58vw,236px)}.hero{background-image:linear-gradient(#00c8fff5 0%,#00c8ffeb 52%,#00c8ffb8 100%),url(/images/mediative-ai-bg-aqua-simple.svg);background-position:top;min-height:auto;padding:104px 0 110px}.hero h1{font-size:clamp(38px,11.3vw,48px);line-height:1.08}.hero__subtitle{white-space:nowrap;background:linear-gradient(#0000 64%,#fffffff0 0);width:max-content;max-width:calc(100vw - 40px);margin:18px auto 16px;font-size:clamp(11px,3.35vw,13.5px);line-height:1.6}.hero__benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hero__benefits span{border-radius:14px;width:auto;height:76px;min-height:0;padding:8px 6px;font-size:clamp(9.5px,2.9vw,11px);box-shadow:0 7px #003b5c1a,0 12px 18px #003b5c24}.hero__lead{background:#00c8ffb8;font-size:14px;line-height:1.65}.hero__buttons .button,.button{width:100%;min-width:100%}.hero__buttons--visual{right:16px;bottom:max(14px, env(safe-area-inset-bottom));z-index:70;flex-wrap:nowrap;justify-content:center;gap:10px;width:auto;margin:0;display:flex;position:fixed;left:16px}.hero__buttons--visual .button--primary{display:none}.hero__buttons--visual .button{gap:6px;width:100%;min-width:100%;min-height:54px;font-size:15px}.hero__buttons--visual .button--secondary{margin-left:0}.hero__visual-column{margin-top:18px}.hero-visual{max-width:318px;margin-top:0}.hero-visual img{transform:translate(0)translateY(-8px)scale(.94)}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(26px,8vw,34px)}.problem-map{grid-template-columns:1fr;gap:16px;min-height:auto}.problem-map__person,.cloud:after{display:none}.feature-grid,.function-grid,.case-grid,.flow-grid,.pricing-consult{grid-template-columns:1fr}.pricing-consult__copy{padding:38px 30px 34px 36px}.pricing-consult__action{border-top:3px solid var(--color-navy);border-left:0;padding:30px 30px 34px 36px}.comparison-table{overflow-x:auto}.comparison-table__row{min-width:720px}.footer__inner{display:grid}.footer__inner div{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
