@charset "utf-8";
/*----------共通設定・パーツ---------*/
/* Not 50vh like the other pages: a shorter band keeps the newsletter covers at both edges of the key visual in view */
.kv-m{
  height: min(50vh, 26vw);
  background: url(../images/pc-kv.jpg) no-repeat center center;
  background-size: cover;
}
/*-------------.photo------------*/
.photo-intro{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 50px;
}
.photo-list{
  max-width: 1080px;
  margin: 0 auto;
}
.photo-list li + li{
  margin-top: 30px;
}
.photo-list img{
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/*-------------------------SPレイアウト(0～640px)------------------------------*/
@media screen and (max-width:640px){
/*----------共通設定・パーツ---------*/
.kv-m{
  height: 50vh;
  background: url(../images/sp-kv.jpg) no-repeat center center;
  background-size: cover;
}
/*-------------.photo------------*/
.photo-intro{
  font-size: 15px;
  text-align: left;
  margin-bottom: 30px;
}
.photo-intro br{
  display: none;
}
.photo-list li + li{
  margin-top: 15px;
}
}