/* ===== Hero Minimal ===== */

article.hyoshi {
  width: 100vw;
  max-width: none;
  margin: 0;
  padding: 0;
  
  /* 修正：高さを100vh（画面いっぱい）に変更 */
  min-height: 100vh; 

  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-image: var(--hyoshi-bg);
  background-size: cover; /* 画像を隙間なく敷き詰める */
  background-position: center;
  background-repeat: no-repeat; /* 画像の繰り返しを防止 */
  
  /* オプション：背景を固定したい場合は追加 */
  /* background-attachment: fixed; */

  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* dark overlay */
article.hyoshi::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}

article.hyoshi > *{
  position:relative;
  z-index:2;
  text-align:center;
  color:#ffffff;
}

article.hyoshi h1{
  font-family: "Playfair Display", serif;
  font-size: clamp(32px, 6vw, 54px);
  margin:0;
  font-weight:600;
  letter-spacing:.05em;
}

article.hyoshi h2{
  font-size:18px;
  font-weight:400;
  letter-spacing:.15em;
  margin:10px 0 16px;
  text-transform:uppercase;
}

article.hyoshi p{
  font-size:14px;
  letter-spacing:.08em;
  opacity:.85;
}