Heroku上のアプリをAWS Certificate Managerを使ってSSL化したい

前提・実現したいこと

ドメイン周りの知識が全くありません。。

HerokuのアプリをSSL化＆ルート→サブドメインとhttp→httpsのリダイレクトを実現したいと考えています。
以下のサイトにアクセスしていただければわかりますが、ssl化されていない旨の警告が出ます。
https://www.twaant.com/

発生している問題・エラーメッセージ

ルート→サブドメインとhttp→httpsのリダイレクトは実現できているが、HerokuのアプリをSSL化ができない

herokuの元々の証明書が有効になっていてAWS Certificate Managerの証明書が有効になっていない（？）

試したこと

基本的にこちらのページを参考に進めました
https://docs.aws.amazon.com/ja_jp/Route53/latest/DeveloperGuide/tutorial-redirecting-dns-queries.html

この記事と異なる点はお名前.comを使っている点、Herokuを使っている点です。
Herokuを使用しているため、Route53は以下のようになっています
Aがcloudflont
CNAMEがherokuとなっています。

また、本来上の記事通りにやるとAにwwwを指定する必要があるのですが、CNAMEとwwwがかぶってるよ！とエラーが出て登録できなかったため、以下の記事を見るとwwwなしでCloudflontを指定していたのでwwwなしでやってみています。
https://qiita.com/hiraokashi/items/382b43b4bcf8e84b61ae