.block-id {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright; /* アルファベットを正立させる場合 */
}

/* 全体のセンタリング */
.heading-container {
  text-align: center;
  padding: 40px 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* メインの見出し（上側） */
.main-title {
  font-size: 60px;
  font-weight: normal;
  color: #2b2b2b;
  margin: 0 0 8px 0; /* 下の英語との間に隙間を作りました */
  font-family: "Noto Sans JP", sans-serif;  
}

/* 下部の英語サブテキスト（下側） */
.subtext {
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #333;
  margin: 0;
  display: inline-block;
  position: relative; /* 線の基準位置を英語側に移動しました */
  padding-bottom: 24px; /* 下線との余白 */
  font-family: "Noto Sans JP", sans-serif; /* 英語も統一 */
}

/* 下部の短い中央線（英語の下に表示） */
.subtext::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px; /* 線の長さ */
  height: 1px;  /* 線の太さ */
  background-color: #ff8c00; /* ★「##」になっていたのを「#」に修正しました */
}