/* === PCのみで、ヒーローのフローティング画像を左寄せ＋縦センター === */
@media (min-width:960px){
  /* 親を基準化＆重なり順を固定（背景<フロート） */
  #first-view{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
  #first-view>.key-visual{position:relative!important;z-index:0!important;}
  
  /* 既存の中央寄せ（flex）を無効化して最前面へ */
  #first-view>.key-label{
    position:absolute!important;inset:0!important;z-index:10!important;
    display:block!important;justify-content:initial!important;align-items:initial!important;text-align:left!important;
  }

  /* 位置決め：左1/3・縦センター。インラインstyle対策も込み */
  #first-view>.key-label>.key-content{
    position:absolute!important;top:50%!important;left:clamp(24px,8vw,120px)!important;
    transform:translateY(-50%)!important;right:auto!important;bottom:auto!important;margin:0!important;
    width:min(46vw,640px)!important;max-width:92%!important;
  }
  #first-view>.key-label>.key-content[style]{
    left:clamp(24px,8vw,120px)!important;top:50%!important;transform:translateY(-50%)!important;
  }

  /* 念のためのリセット */
  #first-view>.key-label>.key-content img{display:block!important;width:100%!important;height:auto!important;}
}


/* 見出し（H2）— 明朝・ミニマル */
.sec-title{
  font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN","游明朝",serif;
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.25;
  font-size:clamp(20px,2.6vw,28px);
  color:#111;
  margin:0 0 .35em;
  position:relative;
  padding-bottom:.28em;
}
.sec-title::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:56px; height:2px;           /* 短い下線。長くしたければ幅を増やす */
  background:#111; opacity:.9;
}

/* 説明テキスト（1～2行） */
.sec-lead{
  margin:.2em 0 1.2em;
  color:#333;
  font-size:clamp(14px,1.6vw,16px);
  line-height:1.7;
}

/* もっと見る（右寄せ・控えめ） */
.sec-more{
  display:inline-block;
  margin: -.6em 0 1.2em;
  font-size:14px;
  color:#555; text-decoration:none;
}
.sec-more:hover{ opacity:.75; }