/* 2026-10-13 文章量の削減・問い合わせ導線の追加 */
.hero h1{font-size:clamp(56px,6.4vw,100px);letter-spacing:-.03em}
.hero h2{white-space:normal}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 32px;padding:0}
.hero-points li{border:1px solid var(--ink);color:var(--ink);font-size:13px;font-weight:600;line-height:1;padding:10px 14px;background:rgba(255,255,255,.85)}
.hero-description{margin-bottom:24px}

.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:32px 40px;background:#f3f6fa;border-left:3px solid var(--ink)}
.mid-cta p{color:var(--ink);font-size:15px;line-height:1.9}
.mid-cta strong{font-family:var(--serif);font-size:19px;font-weight:600}
.mid-cta .button{flex-shrink:0}

.fit-list{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:40px}
.fit-list>div{border:1px solid var(--line);padding:28px 32px}
.fit-list h3{font-size:18px;margin-bottom:12px}
.fit-list ul{margin:0;padding:0;list-style:none}
.fit-list li{position:relative;padding-left:22px;color:var(--ink);font-size:14px;line-height:2}
.fit-list li:before{content:'';position:absolute;left:0;top:.95em;width:10px;height:1px;background:var(--ink)}
.fit-list>div:last-child li,.fit-list>div:last-child h3{color:var(--muted)}
.fit-list>div:last-child li:before{background:var(--muted)}

.dashboard-demo{padding-top:24px}
/* 制作デモの画像を小さく（70% の数値で大きさが変わる） */
.demo-showcase figure{width:70%;max-width:420px}
/* 画像の左メニュー部分を切り取って見せる枠 */
.demo-shot{display:block;overflow:hidden;border:1px solid var(--line);background:var(--white)}
.usecase-library .usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.usecase-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.usecase-end p{color:var(--ink);font-family:var(--serif);font-size:18px}
.usecase-note{margin-top:20px}

.usecase-flow{display:grid;grid-template-columns:1fr 18px 1.25fr 18px 1fr;align-items:stretch;margin:0 0 24px;padding:18px;list-style:none;background:#f3f6fa}
.usecase-flow li{display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:12px 8px;border:1px solid var(--line);background:#fff;text-align:center}
.usecase-flow span{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}
.usecase-flow p{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.55}
.usecase-flow .flow-ai{background:var(--ink);border-color:var(--ink)}
.usecase-flow .flow-ai span{color:#b9c6d8}
.usecase-flow .flow-ai p{color:#fff}
.usecase-flow .flow-arrow{border:0;background:none;padding:0;position:relative}
.usecase-flow .flow-arrow:after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-top:1.5px solid var(--ink);border-right:1.5px solid var(--ink);transform:translate(-70%,-50%) rotate(45deg)}

.usecase-flow:has(+.usecase-tools){margin-bottom:0;padding-bottom:12px}
.usecase-tools{margin:-20px 0 4px;padding:0 18px 16px;background:#f3f6fa}
.usecase-tools>span{display:block;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.usecase-tools ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.usecase-tools li{border:1px solid var(--line);background:#fff;color:var(--ink);font-size:11.5px;line-height:1.4;padding:5px 9px}
.usecase-tools li[aria-hidden]{border:0;background:none;padding:0;color:var(--muted)}

.tools-heading{margin-bottom:32px}
/* ツール紹介の左右の段をそろえる（会社名の行と、ツール名の行の高さを固定） */
.tool-grid .tool-brand-meta{height:24px;align-items:center}
.tool-grid .tool-provider{display:flex;align-items:center;height:24px}
/* 普段使うAIの3列：会社名・ツール名・説明の段をそろえる */
.everyday-ai-list>div>span{display:block;height:20px;font-size:12px;line-height:20px;color:var(--muted);margin:0}
.everyday-ai-list h4{display:flex;align-items:center;height:44px;margin:4px 0 12px;font-size:28px;line-height:1;color:var(--ink)}
.everyday-ai .note{margin-top:28px}
.tool-grid>article>h2{display:flex;align-items:center;height:48px;font-size:34px;line-height:1}

.profile-card{display:flex;gap:24px;align-items:center;margin-top:32px;padding:24px;border:1px solid var(--line)}
.profile-card img{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center 42%;flex-shrink:0}
.profile-company{font-size:12px;color:var(--muted);margin:0}
.profile-name{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin:2px 0 8px}
.profile-name span{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);margin-right:8px}
.company-layout .profile-bio{font-size:13px;line-height:1.85;margin:0}

.sticky-cta{display:none}

@media(min-width:901px) and (max-width:1200px){
  .hero-copy{width:38%}
  .hero h1{font-size:6vw}
  .hero h2{font-size:17px}
  .hero-description{font-size:14px}
}
@media(max-width:900px){
  .mid-cta,.usecase-end{flex-direction:column;align-items:flex-start;padding:28px}
  .usecase-end{padding:28px 0 0}
  .fit-list{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero h1{font-size:13vw}
  .hero-points li{font-size:12px;padding:8px 10px}
  .mid-cta strong{font-size:17px}
  .service-guide .guide-heading h2{font-size:6.2vw}
  .usecase-library .usecase-grid{grid-template-columns:1fr}
  .usecase-flow{grid-template-columns:1fr;padding:12px}
  .usecase-flow li{min-height:0;padding:8px 10px}
  .usecase-flow .flow-arrow{height:14px;min-height:0;padding:0}
  .usecase-flow .flow-arrow:after{transform:translate(-50%,-70%) rotate(135deg)}
  .usecase-flow br{display:none}
  .fit-list>div{padding:22px 20px}
  .profile-card{flex-direction:column;align-items:flex-start}
  .profile-card img{width:96px;height:96px}
  .sticky-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:var(--ink);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:15px 16px;box-shadow:0 6px 20px rgba(8,36,71,.25)}
  .sticky-cta:hover{color:#fff}
  footer{padding-bottom:80px}
}

/* ファーストビュー右下の注記を横書き1行に */
.hero-caption small{white-space:nowrap}