clip-path
参考：
使い方
参考：
CSS の clip-path プロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント | コリス
clip-path の使い方 | Web Design Leaves
ボックスの輪郭を、CSS で変更 | CSS note (tenman.info)
polygon
参考：
How to Cut Corners With Pure CSS | W3Docs
Cut button corner using CSS – Stack Overflow
Cut Corners using CSS – Stack Overflow
How to create a box with cut off corner and shadow? – Stack Overflow
calc
参考：
Specify CSS Polygon relative to right/top edges – Stack Overflow
Can this angle be the same at any width? – Stack Overflow
Can I Use
参考：