見出しや文章など意味のあるコンテンツを囲う場合は 要素、レイアウトを組むためなど、コンテンツがない場合は section div 要素で囲っていこう。
左右どちらもひとつのコンテンツのみの場合は section 要素を使って横並びにしてOK。
メインカラム、サイドカラムどちらも複数のsection要素がある場合、それらをさらにsection要素で囲って横並びにするのはNG。
この場合、横並びにするためだけでコンテンツがないので div 要素で囲う
ただし section 要素を使う場合は、sectionタグの子要素として見出しが必須になるので注意！
ソース元：https://www.webcreatorbox.com/tech/html-semantic-markup
