:root{--yellow-50: #FFF9E6;--yellow-100: #FFF1C2;--yellow-200: #FFE58A;--yellow-300: #FFD452;--yellow-400: #F5BD2B;--yellow-500: #E5A916;--orange-50: #FFF4EC;--orange-400: #FF8A3D;--orange-500: #F76D1E;--orange-600: #E05A0E;--ink-900: #1A1A1A;--ink-700: #2E2E2E;--ink-500: #5A5A5A;--ink-400: #7A7A7A;--ink-300: #A8A8A8;--ink-200: #D4D4D4;--ink-100: #EFEFEF;--ink-50: #F7F7F7;--bg: #FAFAF7;--card: #FFFFFF;--danger-red: #d84315;--font-jp: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;--font-display-latin: "Barlow", "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-display-ja: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;--font-display: var(--font-display-ja);--font-en: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20,20,20,.04), 0 1px 1px rgba(20,20,20,.03);--shadow-md: 0 6px 20px rgba(20,20,20,.06), 0 2px 6px rgba(20,20,20,.04);--shadow-lg: 0 20px 50px rgba(20,20,20,.09), 0 6px 16px rgba(20,20,20,.05);--max: 1120px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-jp);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";line-height:1.75}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:.01em;line-height:1.4}section :is(.section-title,h3,h4){font-family:var(--font-display-ja);font-weight:800;letter-spacing:.02em}.section-label{display:block;width:fit-content;margin:0 auto 16px;padding:4px 14px 6px;text-align:center;font-family:var(--font-display-latin);font-size:.78rem;font-weight:700;letter-spacing:.15em;color:var(--yellow-500);background:var(--yellow-50);border-bottom:2px solid var(--yellow-400);text-transform:uppercase}h2.section-title{position:relative;font-size:2rem;font-weight:700;text-align:center;line-height:1.4;margin-top:10px;margin-bottom:50px;padding-bottom:20px}h2.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70px;height:5px;background-color:var(--yellow-400);border-radius:2px}.section-lead{color:var(--ink-500);text-align:center;max-width:640px;margin:18px auto 0;font-size:15px}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}section{padding:90px 0}.section-head{text-align:center;margin-bottom:48px}.section-head h2.section-title{margin-bottom:0}.section-bg{background:var(--bg)}.btn-area{text-align:center;margin-top:50px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:var(--radius-pill);font-weight:700;font-size:15px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn .arr{display:inline-block;transition:transform .2s ease}.btn:hover .arr{transform:translate(3px)}.btn-primary{background:linear-gradient(180deg,#FFB84A,var(--yellow-400));color:var(--ink-900);box-shadow:0 6px 16px #f5bd2b59,inset 0 1px #ffffff80}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #f5bd2b66}.btn-dark{background:var(--ink-900);color:var(--yellow-400);box-shadow:var(--shadow-md)}.btn-dark:hover{background:var(--ink-700)}.btn-accent{background:linear-gradient(180deg,var(--orange-400),var(--orange-500));color:#fff;box-shadow:0 6px 16px #f76d1e52,inset 0 1px #ffffff40}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 10px 22px #f76d1e66}.btn-ghost{background:var(--card);color:var(--ink-900);border:1px solid var(--ink-200)}.btn-ghost:hover{border-color:var(--ink-400)}.btn-sm{padding:9px 18px;font-size:13.5px}.btn-lg{padding:16px 32px;font-size:16px}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px;max-width:1000px;margin:0 auto}.usecase-item{background:var(--card);padding:24px;border-radius:var(--radius-sm);display:flex;gap:15px;align-items:flex-start;border-left:5px solid var(--yellow-400);box-shadow:var(--shadow-sm)}.usecase-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.usecase-content h4{font-size:1.05rem;font-weight:700;margin-bottom:5px}.usecase-content p{font-size:.93rem;color:var(--ink-500);line-height:1.7}@media(max-width:900px){h2.section-title{font-size:28px}.usecase-grid{grid-template-columns:1fr}}@media(max-width:768px){.wrap{padding:0 16px}section{padding:72px 0}.section-head{margin-bottom:40px}.section-lead{margin-top:14px;font-size:14px;line-height:1.8}}@media(max-width:520px){section{padding:60px 0}h2.section-title{font-size:26px}}