見出しにinline-blockを使って中央揃えにしたいです

こんな感じのCSSで実現できるかと思います。

.midashi {
  border-left: none;
  background-color: inherit;
  position: relative;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 12px;
  margin-bottom: 70px;
}
.midashi:before {
  position: absolute;
  content: '';
  border: 5px solid #F2632D; // 5pxは線の太さ
  width: 60px; //線の横幅
  left: 50%;
  margin-left: -30px;
  bottom: -10px;
}

いかがでしょうか？調整は良しなに行ってみてください。

また、現在利用されているセクションブロック内の見出しだけに利用したい場合には、そのセクションブロックに任意のCSSクラス名をブロックの方で設定を行い、以下のように加えてみてください。

セクションブロックにCSSクラスadd-css-class-nameを設定したとすると、

.add-css-class-name .midashi {
  border-left: none;
  background-color: inherit;
  position: relative;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 12px;
  margin-bottom: 70px;
}
.add-css-class-name .midashi:before {
  position: absolute;
  content: '';
  border: 5px solid #F2632D; // 5pxは線の太さ
  width: 60px; //線の横幅
  left: 50%;
  margin-left: -30px;
  bottom: -10px;
}

お試しください。

意外な方法でしたか？

h2とかは基本ブロック要素なので、コンテンツエリアに対して全幅になります。ですので、そこにそのままborder-bottomとかで下線をつけると、コンテンツ幅に対して全幅で下線が付いてしまい、ご想像されている状態にすることは難しいです。

ですので、全幅のh2のテキストを中央揃えにして、基準をposition: relativeで設定します。

そして、擬似要素（:beforeとか:after）をposition: absoluteにして、h2の中央を起点にして、borderを設置するというイメージですね。

色々なところで利用できるケースですので、ぜひお試しください。

問題解決されましたらトピッククローズをお願いします〜