@import "font-awesome.min-2.css";

@import "owl.carousel.min.css";
@import "venobox-min.css";

@import "root-2.css";
@import "reset-2.css";
@import "common-element.css";
@import "nav-tab.css";
@import "revamp-modal.css";

.building-result-detail-content {
  padding-top: 53px;
}
.building-result-detail-content .wrap {
  max-width: var(--max-width-md);
  padding: 0px 20px;
  width: 100%;
}
.building-result-detail-content > .wrap > .container {
  display: flex;
  min-width: 100%;
  margin: 0px -24px;
}
.building-result-detail-content > .wrap > .container > * {
  padding: 0px 24px;
}
.building-result-detail-content > .wrap > .container > .content {
  flex: 0 0 70%;
  width: 70%;
}
.building-result-detail-content > .wrap > .container > .side-content {
  flex: 0 0 30%;
  width: 30%;
  position: sticky;
  top: 65px;
  align-self: start;
}

#content-body {
  margin-top: 47px;
}
.content-body_tab_contents .tab_content {
  margin-bottom: 56px;
}
@media screen and (max-width: 860px) {
  .wrap {
    padding: 0px 24px;
  }
  .pc-content {
    display: none !important;
  }
  .building-result-detail-content > .wrap > .container {
    display: block;
    margin: 0px;
  }
  .building-result-detail-content > .wrap > .container > * {
    width: 100% !important;
    padding: 0px;
  }
}

@media screen and (min-width: 861px) {
  .mobile-content {
    display: none !important;
  }
}