@charset "utf-8";
/* CSS Document */
.nearby-nav ul {
  display: flex;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 30%;
  justify-content: space-between;
}
.nearby-nav li {
  margin: 0;
}
.nearby-nav li a {
  display: block;
  padding: 1vw 0 1.1vw 0;
}
.nearby-nav li a:hover {
  border-bottom: 2px solid #666;
}
.nearby-nav li img {
  width: 100%;
}
.nnavli1 {}
/* 共通設定 */
.nearby-container section {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* 各セクションの設定 */
.nearby1 {
  background-image: url('../img/nearby/nearby_r1_c1.jpg');
  aspect-ratio: 1920 / 900;
}
.nearby2 {
  background-image: url('../img/nearby/nearby_r2_c1.jpg');
  aspect-ratio: 1920 / 8;
}
.nearby3 {
  background-image: url('../img/nearby/nearby_r3_c1.jpg');
  aspect-ratio: 1920 / 610;
}
.nearby4 {
  background-color: #F9F5F2;
  /*  background-image: url('../img/nearby/nearby_r4_c1.jpg');*/
  aspect-ratio: 1920 / 69;
}
.nearby5 {
  background-image: url('../img/nearby/nearby_r5_c1.jpg');
  aspect-ratio: 1920 / 166;
}
.nearby6 {
  background-image: url('../img/nearby/nearby_r6_c1.jpg');
  aspect-ratio: 1920 / 958;
}
.nearby7 {
  background-image: url('../img/nearby/nearby_r7_c1.jpg');
  aspect-ratio: 1920 / 1221;
}
.nearby8 {
  background-image: url('../img/nearby/nearby_r8_c1.jpg');
  aspect-ratio: 1920 / 653;
}