html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'M PLUS 1p', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}




/* 親要素: 全体を横並びに配置 */
.main-container {
    display: flex;
    flex-wrap: wrap; 
    justify-content: space-between; 
    align-items: flex-start;
    width: 100%;
}

/* 中央のコンテンツ: アライグマの画像などを縦に並べる */
.center-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 60%;
    margin-left: -12vw; /* 左のピザからの余白 */
}

#illust1 {
    width: 54vw;
    height: auto;
}
#pizza {
    width: 36vw;
    height: auto;
    margin-top: -19vw;
    margin-left: 0vw;
    Z-Index:5;
}