（品田のコメント）
2023/11/19
（11/19,PM22追記）とりあえず同心円と円形の切り抜きはできたが、PCとスマホ表示時に、見え方が大きくことなる。SVGで表示される範囲を調整しないとダメ（特にスマホ表示時）
SVGで画像を円形に切り抜く作業中です。配置やデザインなどが予告なく変わります。完成後、報告予定です
→真円（いわゆる、真ん丸の円）にならない。半径などの設定値見直せば直せるはず
→SVGの描画領域と切り抜く範囲の座標、中心点の座標指定を修正し、真円に切り抜き成功
（見切れる場所が多々発生するのは目をつぶる。別の写真に差し替えないと見切れは避けられない）
→配置の微調整が必要。CSS解除してみる？
→配置が大幅にずれる。表示方法を１から見直す必要あり
2023/11/18
（pm18:00追記）波打った境界線（SVG画像）によるヘッダー、フッターの配置に成功。長文の記事とは相性が悪い。（特にPCで開くと、数行程度しか見えなくなる）
カスタムCSSで不要な要素を片っ端から削除（※非表示ではなく削除）して、ようやく、全画面表示を実現。
厳密に言うと、画面内に表示されるタイトルなどをCSSで削除し、クラス名『site-body』の幅を100%（※ここ、必ずパーセントを使用、100vwだとダメ）として、高さをautoに設定（高さの設定が100vhだとスクロールしなくなってしまうため）
そのほか、マージンを設定して、site-bodyを中央寄せに設定。今後、全画面表示するときに設定がいる（かも？）
デザイン案2
