@charset "UTF-8";

/* Portfolio CSS
======================================== */

/* 全体設定 ///////////////////////// */

body {/* 確認用 - 後で削除 */
  background-color: antiquewhite;
}
/* すべての画像を可変 */
img {
  max-width: 100%;
  height: auto;
}
/* すべての見出しを太文字 */
h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}
.contentsWrap {
  display: grid;
  gap: 40px;
}
.innerWrap {
  padding: 0 16px;
}
.photo {
  text-align: center;
}


/* エリア設定 ///////////////////////// */
header {/* 確認用 - 後で削除 */
  background-color: #999;
}
main {/* 確認用 - 後で削除 */
  background-color: #ddd;
  display: grid;
  gap: 32px;
}
main article {/* 確認用 - 後で削除 */
  background-color: #fff;
}
footer {/* 確認用 - 後で削除 */
  background-color: #999;
}


/* 600px 以上になったら ///////////////////////// */
@media screen and (min-width:600px) {
  body {/* 確認用 - 後で削除 */
    background-color: cadetblue; /* 確認用 */
  }
}