.keyvisual {
  width: 100%;
  height: 100vh;
}

body {
  background-color: #fff;
}
.keyvisual_bg {
  width: 100%;
  height: 100%;
  background: url(../../img/interior/interiorModel/housetour-kv.jpg) no-repeat
    center/cover;
}
.keyvisual_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.keyvisual_title h1 {
  font-size: 54px;
  line-height: 68px;
  letter-spacing: -1px;
  font-weight: 400;
  color: #fff;
}
.keyvisual_title {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.7px;
  color: #fff;
}
/* interiors */
.interiors {
  padding: 50px 0;
}
.interiors_wrap {
  width: 100%;
}

/* interiors_nav */
.interiors_nav {
  background-color: #fff;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
  display: flex;
  gap: 10px;
  align-content: flex-end;

  position: sticky;
  flex-wrap: wrap;
  top: 0;
}
.interiors_nav_list {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  border: 1px solid rgb(167, 167, 167);
  border-radius: 50px;
}
.nav_hash {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav_hash_list {
  font-size: 14px;
  color: rgb(167, 167, 167);
  cursor: pointer;
}
.interiors_nav_list.active {
  border: 1px solid #333;
}
.interiors_nav_list.active span {
  color: #333;
  font-weight: 500;
}
.interior_contents {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.interior_contents_wrap {
  overflow: hidden;
}
.interior_img {
  margin-bottom: 10px;
  width: 100%;
}
.interior_info_wrap {
  position: relative;
}
.interior_info {
  margin-bottom: 10px;
}
.interior_name {
  font-size: 16px;
  color: #333;
  font-weight: 500;
}
.interior_hash {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.interior_hash:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(to right, hsla(0, 0%, 100%, 0) 80%, #fff);
}
.bookmarks {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0%;
}
.bookmarks_img {
  width: 50px;
  height: 50px;
  background: url(../../img/icons/icon-bookmark-default.png) no-repeat
    center/contain;
  transition: background 0.3s;
}
.bookmarks_img:hover {
  background: url(../../img/icons/icon-bookmark-active.png) no-repeat
    center/contain;
}
.interior_hash_list {
  font-size: 14px;
  color: rgb(185, 185, 185);
}
.interior_concept_p {
  font-weight: 500;
}
.interiors_nav_mob {
  display: none;
}