sticky（CSS）を使って列を2列分固定する方法を教えてください

前提・実現したいこと

初心者です。
ブログで.sticky（CSS）を使って行列が固定できるように表を作っています。
第1列目と第2行目を固定したいのですが、どうしても第2列目が第1列目を隠してしまいます。
第1列目第2列目を両方隠さず固定するにはどうしたらいいでしょうか？
よろしくお願いします。

注　Javascriptは使って見たいのですが、勉強不足でまだ手が出せていません。

該当のソースコード

HTML

<div class="sticky_table">
  <table>
    <thead>
    <tr>
      <th class="blank"><strong>a</strong></th>
      <th class="blank2"><strong>b</strong></th>
      <th><strong>c</strong></th>
      <th><strong>d</strong></th>
      <th><strong>e</strong></th>
      <th><strong>f</strong></th>
      <th><strong>g</strong></th>
      <th><strong>h</strong></th>
      <th><strong>i</strong></th>
      <th><strong>j</strong></th>
      <th><strong>k</strong></th>
      <th><strong>l</strong></th>
      <th><strong>m</strong></th>
      <th><strong>n</strong></th>
      <th><strong>o</strong></th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <th><strong>1</strong></th>
      <th><strong>2</strong></th>
      <td>3</td>
      <td>4</td>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
      <td>9</td>
      <td>10</td>
      <td>11</td>
      <td>12</td>
      <td>13</td>
      <td>14</td>
      <td>15</td>
    </tr>
    </tbody>
  </table>
</div>

CSS

.sticky_table {
	display: block;
	position: relative;
	overflow: scroll;
	width: calc(100%);
	height: calc(100vh);
	border-collapse: collapse;
	font-size: 0;
}

.sticky_table thead,
.sticky_table tbody {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.sticky_table th,
.sticky_table td {
	display: inline-block;
	width: 2.0rem;
	background: #fff;
	font-size: 1.0rem;
}

.sticky_table tbody th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
}

.sticky_table thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

.sticky_table thead th.blank {
	position: -webkit-sticky;
	position: sticky;
	width: 1.0rem;
	top: 0;
	left: 0;
	z-index: 3;
}

.sticky_table thead th.blank2 {
	position: -webkit-sticky;
	position: sticky;
	width: 12.0rem;
	top: 0;
	left: 0;
	z-index: 4;
}