/* ==========================================================================
   Hero Section Refinement (SWELL Full Wide Block Override)
   ========================================================================== */

/* トップページの最初のフルワイドブロックをターゲット */
.my-custom-hero {
  background-color: #ffffff !important;
  /* クリーンな白背景 */
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  /* 左寄せベース */
  padding-top: 15vh;
  /* ヘッダーからの余白を追加 */
}

/* 内部ラッパーを中央寄せに強制 */
.my-custom-hero .swell-block-fullWide__inner,
.my-custom-hero .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  /* 左寄せベース */
  width: 100%;
  padding: 0 5vw 15vh 5vw !important;
  /* 左右の余白と、下部（次のセクションまで）の大きな余白 */
  box-sizing: border-box;
  /* パディングを含める */
  overflow: visible !important;
  /* 見切れ防止 */
}

/* ヒーロー内の見出しタイポグラフィ（Oversized Type化） */
.my-custom-hero h1,
.my-custom-hero h2,
.my-custom-hero h3,
.my-custom-hero h4 {
  font-family: 'Barlow Condensed', sans-serif !important;
  /* Exatのような圧倒的な極大サイズ（最大25rem）に変更 */
  font-size: clamp(4rem, 38vw, 40rem) !important;
  line-height: 0.95 !important;
  /* 見切れを防ぐため行間を少しだけ戻す */
  font-weight: 700 !important;
  text-transform: none !important;
  /* ユーザー入力通りの大文字小文字を維持 */
  letter-spacing: -0.02em;
  margin: 0 !important;
  /* マイナスマージンを削除して見切れを防ぐ */
  color: #111111 !important;
  /* ダークテキスト */
  text-align: left !important;
  /* 左寄せを強制 */
  width: 100% !important;
  opacity: 0;
  /* GSAPのアニメーション開始までは非表示 */
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* ヒーロー内の段落（サブテキスト）は洗練された小さなサンセリフに */
.my-custom-hero p {
  font-family: 'Barlow Condensed', 'Helvetica Neue', sans-serif !important;
  font-size: 2.0rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0.15em !important;
  text-transform: none !important;
  /* ユーザー入力通りの大文字小文字を維持 */
  margin-top: 2.5rem !important;
  /* メインテキストとの間に適度な余白を設ける */
  color: #555555 !important;
  opacity: 0;
  /* GSAPのアニメーション開始までは非表示 */
  text-align: left !important;
  /* 左寄せを強制 */
  width: 100% !important;
}

/* 余計なマージンを排除 */
.my-custom-hero .wp-block-group {
  margin: 0 !important;
  padding: 0 !important;
}