@charset "UTF-8";

html,body,h1,p{
 margin:0;
 padding:0;
 line-height: 1.0;
}

body#home{/**/
background:url(../img/sakura.jpeg)no-repeat left top /cover;
 background-attachment: fixed;/*背景画像を固定させる*/
}

h1{
 font-family: 'Akaya Telivigala', cursive;
 font-size:120px;
 margin-bottom:40px;
 letter-spacing: 0.2em;
 text-align: center;
}
.works img{
 padding:100px 20px;
}
.works-list{
 list-style: none;
 display:grid;
 grid-template-columns: 1fr 1fr; /*2列*/
 grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;/* 6行*/
 grid-gap:20px;
 margin:0 auto;
 width:320px;
}

.works-list li img{
 display:block;
 width:100%;
}

@media (min-width:1024px){
 .works-list{
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: repeat(3,1fr);
  grid-gap: 30px;
  width:930px;
 }
 .works-list > li:nth-child(1)
 grid-row:1;
 grid-column:1;
}