@charset "UTF-8";
/* CSS Document */
body{
background-color:#FFFDFD;
}

/*photo*/
.photo{
  padding-top: 120px;
  padding-bottom: 80px;
}

.photo__introduction__container{
  max-width: 600px;
  margin: 0 auto;
}

.photo__title{
  text-align: center;
}

.photo__description {
  font-family:'Zen Old Mincho', serif;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 1.6rem;
  line-height: 2;
}

.photo__items__container {
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 40px;
    padding-left: 40px;
}

.photo__items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
@media(max-width:768px){
  .photo{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .photo__title{
    font-size:2.4rem;
  }
  .photo__introduction__container{
    padding:0 10%;
  }

  .photo__introduction__title{
    font-size: 2rem;
  }

  .photo__description {
    font-size: 1.4rem;
    margin-top: 30px;
  }
  .photo__items__container{
    padding:0 4% 0 4%;
    margin: 0 auto;
  }

  .photo__items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }
}
/*  end photo*/