/*=============================
fv
===============================*/
.fv {
  width: 100%;
  height: 654px;
}
/*=============================
interlude
===============================*/
.interlude {
  padding: 68px 0 160px;
}
.interlude-ttl {
  padding-bottom: 40px;
}
.interlude-description {
  max-width: 730px;
}
.interlude-btns {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
/*=============================
display-collections
===============================*/
.display-collections {
  padding-bottom: 160px;
}
.display-collections-ttl {
  margin-bottom: 70px;
}
.display-collections-cards {
  flex-wrap: wrap;
  gap: 20px;
}
.display-collections-card {
  width: 520px;
}
.display-collections-card-img {
  width: 100%;
  height: 280px;
}
.display-collections-card-ttl {
  text-align: right;
}
/*=============================
show room access
===============================*/
.access-ttl {
  margin-bottom: 70px;
}
.access-summary {
  margin-bottom: 40px;
}
.access-gmap {
  width: 100%;
  height: 408px;
  margin-bottom: 40px;
}
.access-gmap iframe {
  width: 100% !important;
  height: 100% !important;
  filter: grayscale(100%);
}
.access-details {
  gap: 82px;
  margin-bottom: 100px;
}
.access-details-ttl {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.9px;
  margin-bottom: 20px;
}
.access-summary-address {
  margin-right: 60px;
}
.access-summary-gmap {
  margin-left: auto;
}
/*=============================
モバイル
===============================*/
@media screen and (max-width: 800px) {
  /*=============================
  fv
  ===============================*/
  .fv {
    height: 440px;
    padding-top: 120px;
  }
  /*=============================
  interlude
  ===============================*/
  .interlude {
    padding: 70px 0 74px;
  }
  .interlude-ttl {
    padding-bottom: 20px;
  }
  .interlude-description {
    margin-bottom: 20px;
  }
  .interlude-btns {
    gap: 20px;
  }
  /*=============================
  display-collections
  ===============================*/
  .display-collections {
    padding-bottom: 70px;
  }
  .display-collections-ttl {
    margin-bottom: 40px;
  }
  .display-collections-cards {
    gap: 40px;
  }
  .display-collections-card {
    width: 100%;
  }
  .display-collections-card-img {
    height: 200px;
  }
  /*=============================
  show room access
  ===============================*/
  .access-ttl {
    margin-bottom: 40px;
  }
  .access-summary-address {
    text-align: right;
    margin: 0;
  }
  .access-summary-tel {
    text-align: right;
    margin: 0;
  }
  .access-gmap {
    height: 260px;
  }
  .access-details {
    gap: 40px;
    margin-bottom: 70px;
  }
}