/* =========================================================
   Formetra — 英語版（index-en.html）だけの調整
   style.css / hero-a.css の日本語向けの設定を、英文用に上書きする
   （日本語版 index.html では読み込まない）
   ========================================================= */

/* 基本：英文向けのフォントと文字間隔 */
:root{
  --sans:"Noto Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}
body{line-height:1.75;letter-spacing:.005em;overflow-wrap:break-word}
h1,h2{font-weight:600;letter-spacing:0}
h2{font-size:clamp(32px,3.9vw,50px);line-height:1.18}
h3{letter-spacing:0}
.btn{letter-spacing:.02em}
.site-nav a{letter-spacing:.02em}
.brand-sub{letter-spacing:.12em}
.sub-title{letter-spacing:.06em}
.note::before{content:none}

/* ヒーロー：英文の見出しを列幅に合わせた大きさにする */
.hero-full h1{font-size:clamp(1.75rem,4.4vw,3.5rem);line-height:1.12;letter-spacing:0;margin-bottom:14px}
@supports (font-size:1cqi){
  /* 1行目「Your ideal home automation,」が列幅に収まる大きさにする（スマホでも2行） */
  .hero-full h1{font-size:clamp(1.75rem,8cqi,3.5rem)}
}
.hero-full-subtitle{font-size:clamp(1.25rem,1.9vw,1.625rem);font-style:italic;letter-spacing:.01em;line-height:1.4}
.hero-full-intro{line-height:1.75}

/* 導入課題：明朝体向けの大きさを、英文のセリフ体用に調整 */
.strength-label{text-transform:uppercase;letter-spacing:.16em}
.strength-title{font-size:clamp(22px,2.1vw,26px);line-height:1.3;letter-spacing:0}
.strength-answer{font-size:clamp(24px,2.3vw,29px);line-height:1.25;letter-spacing:0}
.strength-copy{line-height:1.75}

/* ご相談の入口・プロフィール */
.audience-card h3{font-size:clamp(24px,2.5vw,30px);line-height:1.25}
.bio-intro{font-size:22px;line-height:1.45}

/* 対応設備：右の説明文の1行目を見出しの1行目にそろえる（英文の行間に合わせて補正） */
@media (min-width:961px){
  #systems .sec-lead{padding-top:calc(clamp(32px,3.9vw,50px)*.09 - 6px)}
}
.equip{hyphens:auto}
.pv-hub-title{font-size:17px;letter-spacing:.02em}

/* ご相談 */
.contact-sub{letter-spacing:.06em}

/* モバイルメニュー */
@media (max-width:960px){
  .js .site-nav a{font-size:28px;letter-spacing:0}
}