@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Poppins:wght@500;700&family=Inter:wght@400;600;700&display=swap";@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: rgba(255, 255, 255, 1);--foreground: rgba(3, 14, 26, 1);--card: rgba(255, 255, 255, 1);--card-foreground: rgba(3, 14, 26, 1);--popover: rgba(255, 255, 255, 1);--popover-foreground: rgba(3, 14, 26, 1);--primary: rgba(0, 110, 228, 1);--primary-foreground: rgba(255, 255, 255, 1);--secondary: rgba(224, 239, 255, 1);--secondary-foreground: rgba(0, 94, 194, 1);--muted: rgba(3, 14, 26, .05);--muted-foreground: rgba(3, 14, 26, .5);--accent: rgba(0, 94, 194, 1);--accent-foreground: rgba(255, 255, 255, 1);--destructive: rgba(233, 11, 66, 1);--destructive-foreground: rgba(255, 255, 255, 1);--border: rgba(3, 14, 26, .1);--input: rgba(255, 255, 255, 1);--input-background: rgba(255, 255, 255, 1);--ring: rgba(0, 110, 228, 1);--elevation-sm: 0px 1px 2px 0px rgba(0, 0, 0, .05);--chart-1: rgba(51, 150, 255, 1);--chart-2: rgba(0, 189, 97, 1);--chart-3: rgba(255, 221, 53, 1);--chart-4: rgba(233, 11, 66, 1);--chart-5: rgba(174, 112, 255, 1);--radius: 10px;--sidebar: rgba(255, 255, 255, 1);--sidebar-foreground: rgba(3, 14, 26, 1);--sidebar-primary: rgba(0, 110, 228, 1);--sidebar-primary-foreground: rgba(255, 255, 255, 1);--sidebar-accent: rgba(0, 94, 194, 1);--sidebar-accent-foreground: rgba(255, 255, 255, 1);--sidebar-border: rgba(3, 14, 26, .1);--sidebar-ring: rgba(0, 110, 228, 1);--text-h1: 44px;--text-h2: 32px;--text-h3: 24px;--text-h4: 22px;--text-base: 16px;--text-label: 14px;--font-weight-bold: 700;--font-weight-normal: 400;--font-family-sans: "Noto Sans JP", "Inter", sans-serif;--font-family-heading: "Noto Sans JP", sans-serif;--font-family-accent: "Poppins", "Inter", sans-serif;--font-family-inter: "Inter", sans-serif}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-family-sans)}}h1{font-size:var(--text-h1);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:1.5}h2{font-size:var(--text-h2);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:1.5}h3{font-size:var(--text-h3);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:1.5}h4{font-size:var(--text-h4);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);line-height:1.5}p,span{font-size:var(--text-base);font-weight:var(--font-weight-normal);font-family:var(--font-family-sans);line-height:1.5}label{font-size:var(--text-label);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans);line-height:1.5}button{font-size:var(--text-base);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);font-family:var(--font-family-sans);line-height:1.5}html{font-size:var(--font-size)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:opacity .2s ease,color .2s ease}img{max-width:100%;display:block}body{background:var(--background) url(/assets/bg_mobile-BqqqVk4I.png) no-repeat 50% 64px;background-size:contain}@media(min-width:768px){body{background:var(--background) url(/assets/bg-DC2DIsC4.png) no-repeat 50% 85px;background-size:contain}}.header{position:sticky;top:0;z-index:50;background-color:var(--background);width:100%}.header__inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px}@media(min-width:768px){.header__inner{padding:0 40px;height:80px}}.header__logo{display:block;width:200px}@media(min-width:768px){.header__logo{width:260px}}@media(min-width:1024px){.header__logo{width:326px}}.header__logo svg{width:100%;height:auto}.header__nav{display:none;align-items:center;gap:32px}@media(min-width:768px){.header__nav{display:flex}}.header__nav-link{font-family:var(--font-family-inter);font-weight:var(--font-weight-bold);font-size:var(--text-base);color:var(--foreground)}.header__nav-link:hover,.header__nav-link--active{color:var(--primary)}.header__cta{display:inline-flex;align-items:center;background-color:var(--primary);color:var(--primary-foreground);font-family:var(--font-family-inter);font-weight:var(--font-weight-bold);font-size:var(--text-base);padding:12px 24px;border-radius:32px;border:none;cursor:pointer;letter-spacing:-.4px}.header__cta:hover{opacity:.9}.header__hamburger{display:block;background:none;border:none;cursor:pointer;color:var(--foreground);position:relative;z-index:60}@media(min-width:768px){.header__hamburger{display:none}}.header__mobile-nav{display:flex;flex-direction:column;align-items:center;gap:0;background-color:var(--background);overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .35s ease;padding:0 20px;border-bottom:1px solid transparent}@media(min-width:768px){.header__mobile-nav{display:none}}.header__mobile-nav--open{max-height:400px;opacity:1;padding:16px 20px 24px;border-bottom:1px solid var(--border)}.header__mobile-link{display:block;width:100%;text-align:center;font-family:var(--font-family-inter);font-weight:var(--font-weight-bold);font-size:18px;color:var(--foreground);padding:16px 0;border-bottom:1px solid var(--border)}.header__mobile-link:hover,.header__mobile-link--active{color:var(--primary)}.header__mobile-cta{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--primary-foreground);font-family:var(--font-family-inter);font-weight:var(--font-weight-bold);font-size:var(--text-base);padding:14px 32px;border-radius:32px;margin-top:16px;width:100%}.hero{position:relative;overflow:hidden}@media(min-width:768px){.hero{margin-bottom:80px}}.hero__decoration{position:absolute;top:50px;right:-100px;width:300px;height:300px;pointer-events:none}@media(min-width:768px){.hero__decoration{right:-50px;width:450px;height:450px}}@media(min-width:1024px){.hero__decoration{right:50px;width:544px;height:544px}}.hero__decoration svg{width:100%;height:100%}.hero__inner{max-width:1440px;margin:0 auto;padding:64px 20px;position:relative;z-index:10}@media(min-width:768px){.hero__inner{padding:80px 40px}}@media(min-width:1024px){.hero__inner{padding:110px 80px}}.hero__subtitle{font-family:var(--font-family-accent);color:var(--foreground);text-transform:capitalize;margin-bottom:24px;font-size:var(--text-h4)}@media(min-width:768px){.hero__subtitle{margin-bottom:32px;font-size:var(--text-h3)}}.hero__title{font-family:var(--font-family-heading);color:var(--foreground);font-weight:900;font-size:clamp(36px,5vw,70px);line-height:1.4;letter-spacing:-2px;text-transform:uppercase;margin-bottom:24px}@media(min-width:768px){.hero__title{margin-bottom:32px}}.hero__text{font-family:var(--font-family-sans);font-weight:600;font-size:var(--text-base);line-height:1.9;margin-bottom:24px}@media(min-width:768px){.hero__text{margin-bottom:32px}}.hero__cta{display:inline-flex;align-items:center;background-color:var(--background);border:1px solid var(--primary);color:var(--primary);border-radius:32px;padding:16px 24px;font-family:var(--font-family-heading);font-weight:900;font-size:18px;cursor:pointer}.hero__cta:hover{background-color:var(--secondary)}.service-note{width:100%}.service-note__outer{max-width:1440px;margin:0 auto;padding:40px 20px}@media(min-width:768px){.service-note__outer{padding:80px 40px}}@media(min-width:1024px){.service-note__outer{padding:80px}}.service-note__card{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(101.55deg,var(--primary) 0%,#00BBF5 100%)}@media(min-width:768px){.service-note__card{border-radius:40px}}.service-note__content{position:relative;z-index:10;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.service-note__content{gap:40px;flex-direction:row}}.service-note__text{display:flex;flex-direction:column;gap:24px;padding:32px 32px 0;flex:1}@media(min-width:768px){.service-note__text{padding:48px}}@media(min-width:1024px){.service-note__text{padding:60px;max-width:70%;flex:2}}.service-note__title{color:var(--primary-foreground);font-family:var(--font-family-heading);font-weight:900;font-size:clamp(24px,3vw,36px)}.service-note__description{color:var(--primary-foreground);font-family:var(--font-family-sans);font-weight:600;font-size:var(--text-base);line-height:1.9}.service-note__description p{margin:0;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}.service-note__cta{display:inline-flex;align-items:center;border:1px solid var(--primary-foreground);color:var(--primary-foreground);border-radius:32px;padding:16px 24px;font-family:var(--font-family-heading);font-weight:900;font-size:18px;width:fit-content;background:transparent;cursor:pointer}.service-note__cta:hover{background-color:#ffffff1a}.service-note__illustration{align-items:end;justify-content:end;position:relative;display:flex;flex:1}.service-note__illustration img{width:75%}@media(min-width:1024px){.service-note__illustration img{width:auto}}.story{width:100%}.story__inner{max-width:1440px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:32px;align-items:center}@media(min-width:768px){.story__inner{padding:40px 80px}}@media(min-width:1024px){.story__inner{flex-direction:row;gap:40px}}@media(min-width:1024px){.story__inner--reverse{flex-direction:row-reverse}}.story__text{display:flex;flex-direction:column;gap:24px;justify-content:center;flex:1}.story__title{font-family:var(--font-family-heading);color:var(--foreground);font-weight:900;font-size:var(--text-h2)}.story__description{font-family:var(--font-family-sans);color:var(--foreground);font-weight:var(--font-weight-normal);font-size:var(--text-base);line-height:1.8;max-width:618px}.story__image{width:100%;flex-shrink:0}@media(min-width:1024px){.story__image{width:45%}}.story__image-wrapper{border-radius:24px;overflow:hidden;aspect-ratio:579/368}.story__image-wrapper img{width:100%;height:100%;object-fit:cover}.cases{width:100%}.cases__inner{max-width:1440px;margin:0 auto;padding:40px 20px}@media(min-width:768px){.cases__inner{padding:80px 40px}}@media(min-width:1024px){.cases__inner{padding:80px}}.cases__header{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}@media(min-width:768px){.cases__header{margin-bottom:80px}}.cases__section-title{font-family:var(--font-family-heading);font-weight:900;font-size:36px;line-height:1.8;color:var(--foreground)}.cases__section-description{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);font-size:18px;line-height:1.8;color:var(--foreground)}.cases__grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.cases__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cases__grid{grid-template-columns:repeat(4,1fr);gap:40px}}.case-card{background-color:var(--card);border-radius:24px;border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.case-card__company{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);font-size:20px;line-height:1.8;color:var(--foreground)}.case-card__challenge{background-color:var(--muted);border-radius:12px;padding:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.case-card__badge{display:inline-block;background-color:var(--foreground);color:var(--primary-foreground);border-radius:100px;padding:2px 12px;font-size:12px;font-family:var(--font-family-sans)}.case-card__challenge-text{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);font-size:var(--text-label);color:var(--foreground);text-align:center;line-height:1.8}.case-card__result{font-family:var(--font-family-sans);font-size:var(--text-label);color:var(--foreground);line-height:1.8;text-align:left}.case-card__highlight{color:var(--accent)}.career{width:100%;background-color:#00448e}.career__inner{max-width:1440px;margin:0 auto;padding:80px 20px}@media(min-width:768px){.career__inner{padding:160px 40px}}.career__label-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.career__label-line{width:40px;height:4px;background-color:#f5f5f5}.career__label{color:#f5f5f5;font-family:var(--font-family-heading);font-weight:900;font-size:var(--text-h3)}.career__title{color:#f5f5f5;font-family:var(--font-family-accent);font-weight:700;font-size:clamp(48px,7vw,97px);text-transform:uppercase;letter-spacing:-6px;line-height:1.2;margin-bottom:32px}.career__subtitle{color:#f5f5f5;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:20px;line-height:1.6;margin-bottom:32px}.career__cta{display:inline-flex;align-items:center;border:1px solid #f2f3f4;color:#f2f3f4;border-radius:32px;padding:16px 24px;font-family:var(--font-family-heading);font-weight:900;font-size:18px;background:transparent;cursor:pointer}.career__cta:hover{background-color:#ffffff1a}.breadcrumb{width:100%;background-color:var(--muted);border-top:1px solid var(--background)}.breadcrumb__inner{max-width:1440px;margin:0 auto;padding:20px}@media(min-width:768px){.breadcrumb__inner{padding:20px 40px}}.breadcrumb__list{display:flex;align-items:center;gap:12px}.breadcrumb__item{font-family:var(--font-family-inter);font-size:var(--text-label);color:var(--foreground)}.breadcrumb__separator{color:var(--muted-foreground);font-size:var(--text-label)}.footer{width:100%;background-color:var(--foreground);position:relative}.footer__inner{max-width:1440px;margin:0 auto;padding:48px 20px 32px}@media(max-width:767px){.footer__inner{text-align:center}}@media(min-width:768px){.footer__inner{padding:50px 40px 30px}}@media(min-width:1024px){.footer__inner{padding:50px 80px 30px}}.footer__top{display:flex;flex-direction:column;gap:40px;margin-bottom:40px}@media(min-width:1024px){.footer__top{flex-direction:row;gap:80px}}.footer__brand{display:flex;flex-direction:column;gap:16px}.footer__logo{display:block;width:200px}@media(max-width:767px){.footer__logo{margin:0 auto}}@media(min-width:768px){.footer__logo{width:249px}}.footer__logo svg{width:100%;height:auto}.footer__info{color:#ffffffe6;font-size:12px;line-height:1.8}.footer__info p{color:inherit;font-size:inherit;line-height:inherit}.footer__nav{display:flex;gap:40px;flex-wrap:wrap}@media(max-width:767px){.footer__nav{justify-content:center}}.footer__nav-link{color:#fff;font-family:var(--font-family-accent);font-weight:500;font-size:20px}.footer__nav-link:hover{opacity:.8}.footer__scroll-top{position:absolute;right:16px;top:-25px;width:50px;height:50px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:4px 4px 10px #0000001a}.footer__scroll-top:hover{box-shadow:4px 4px 16px #00000026}.footer__bottom{border-top:1px solid rgba(255,255,255,.4);padding-top:32px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}@media(min-width:768px){.footer__bottom{flex-direction:row}}.footer__links{display:flex;gap:40px;flex-wrap:wrap}.footer__link{color:#fff;font-size:12px}.footer__link:hover{opacity:.8}.footer__copyright{color:#fff;font-family:var(--font-family-inter);font-size:12px}