インナー

共通のコンテンツ幅は.l-innerを使う

section直下に設置し、コンテンツの幅を管理。

画面幅を広げた場合に、max-widthの指定で最大幅を制限。

画面幅を狭めた場合に、padding-inlineの指定で左右の余白を確保。

インナーを超えて背景を設置

インナーを超えて背景を設置する場合には、ネガティブマージンとそれを打ち消すpaddingを指定

セクション固有の幅は、.p-**__innerで調整

div.p-**__inner.l-innerのように設置して、.p-**__innerのmax-widthで調整