cssでnth-of-type(even)がきかないので教えてください。

前提・実現したいこと

cssで奇数の2番目のsec07__boxをnth-of-type(even)で指定していますが。
反映されません。
どのように指定すれば反映されるのでしょうか？
詳しい方、教えてください。

該当のソースコード

html
1        <div class="sec07__box">
2          <div class="contents__text">
3            <h2 class="contents__title">
4              朝、起きたときもしっとり！
5            </h2>
6            <div class="contents__about">
7              朝、起きた時も以前はパリパリだった<br>のが、今はしっとり！！<br>
8              乾燥したら、お化粧の上からもつけら<br>れるので、大変肌が喜んでいます。
9            </div>
10            <p class="contents__name">
11              AKSさま（62歳）愛用歴：１ヶ月
12            </p>
13          </div>
14          <figure class="thumbnail__img">
15            <img src="./assets/images/pc/thumbnail01.jpg" alt="">
16          </figure>
17        </div>
18
19        <div class="sec07__box">
20          <div class="contents__text">
21            <h2 class="contents__title">
22              乾燥小じわ・・・スゴイ！
23            </h2>
24            <div class="contents__about">
25              寝る前にアクアテクトゲルを多めに塗って<br>みると、乾燥小ジワが・・・。スゴイ！と思い<br>
26              ました。肌の調子がいいだけで、ウキウキ<br>な気持ちになれるので、出会えてよかった。
27            </div>
28            <p class="contents__name">
29              まーちゃんさま（24歳）愛用歴：３週間
30            </p>
31          </div>
32          <figure class="thumbnail__img">
33            <img src="./assets/images/pc/thumbnail02.jpg" alt="">
34          </figure>
35        </div>

scss
1     .sec07__box {
2       display: flex;
3       justify-content: space-between;
4       padding: 35px;
5       background-color: #fff;
6       &:nth-of-type(even) {
7         flex-direction: row-reverse;
8       }
9     }