@charset "UTF-8";

/* ========================================
   building-top
======================================== */

/* enterprise-mv */
@media (min-width: 751px) {
  #building-top .enterprise-mv .body {
    padding: 6.9rem 5rem 5.6rem 5.9rem;
  }
}

/* property-links */
#building-top .property-links {
  margin-top: 6.2rem;
  background-color: var(--green-base);
  padding-top: var(--spacing-40);
  padding-bottom: 7.5rem;
}

#building-top .property-links .h1-1 {
  color: #fff;
  background-image: linear-gradient(90deg,
      var(--green-light) 0 19%,
      #E4E4E4 19%);
}

@media (max-width: 750px) {
  #building-top .property-links {
    margin-top: 0;
    padding-top: var(--spacing-40);
    padding-bottom: 9.8rem;
  }

  #building-top .property-links .h1-1 {
    background-image: linear-gradient(90deg,
        var(--green-light) 0 45%,
        #E4E4E4 45%);
  }
}

#building-top .property-links-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6rem;
  list-style: none;
  margin-top: 5.6rem;
  max-width: 100.26rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 751px) {
  #building-top .property-links-list>* {
    flex: 1 1 0;
  }
}

@media (max-width: 750px) {
  #building-top .property-links-list {
    flex-direction: column;
    margin-top: 3.6rem;
  }
}

#building-top .property-link-card {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

@media (min-width: 751px) {
  #building-top .property-link-card:hover .property-link-image img {
    transform: scale(1.05);
  }
}

#building-top .property-link-image {
  position: relative;
  overflow: hidden;
}

#building-top .property-link-image img {
  transition: transform 0.4s ease;
}

#building-top .property-link-name {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 100%;
  translate: -50% -50%;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 800;
  text-shadow: 0 2px 2px rgba(44, 44, 44, 0.61);
}

@media (max-width: 750px) {
  #building-top .property-link-name {
    font-size: 2.4rem;
  }
}

/* business-detail */
#building-top .business-detail {
  padding-top: 8.8rem;
  padding-bottom: 12.1rem;
}

@media (max-width: 750px) {
  #building-top .business-detail {
    padding-top: 5.4rem;
    padding-bottom: 8.8rem;
  }
}

#building-top .business-detail .media-object {
  margin-top: 6.7rem;
}

@media (max-width: 750px) {
  #building-top .business-detail .media-object {
    margin-top: 4rem;
    gap: 4.1rem;
  }
}

@media (min-width: 751px) {
  #building-top .business-detail .media-object .media {
    flex: 0 0 30%;
    margin-left: 8.1rem;
  }
}

#building-top .business-detail .media-object .heading::after {
  margin-top: 7.5rem;
}

@media (max-width: 750px) {
  #building-top .business-detail .media-object .heading {
    font-size: 2.6rem;
  }

  #building-top .business-detail .media-object .heading::after {
    display: none;
  }

  #building-top .business-detail .media-object .text {
    margin-top: 2.3rem;
  }
}

/* contact-dept */
@media (min-width: 751px) {
  #building-top .contact-dept {
    padding-bottom: 16.1rem;
  }

  #building-top .contact-dept-item {
    padding-bottom: 4.7rem;
    width: 54rem;
    max-width: 100%;
  }
}

@media (max-width: 750px) {
  #building-top .contact-dept .contact-dept-item {
    width: 100%;
  }
}


/* ========================================
   building-osaka-top
======================================== */
#building-osaka-top .enterprise-mv .body .label,
#building-tokyo-top .enterprise-mv .body .label {
  margin-bottom: 1.7rem;
  line-height: 1.8;
}

article.building-detail h2.fix-title01 img {
  width: 260px;
}

article.building-detail h2.fix-title02 img {
  width: 300px;
}

@media (min-width: 751px) {

  #building-osaka-top .enterprise-mv .inner.inner-enterprise-mv-body,
  #building-tokyo-top .enterprise-mv .inner.inner-enterprise-mv-body {
    min-height: 40rem;
  }

  #building-osaka-top .enterprise-mv .inner.inner-enterprise-mv-image,
  #building-tokyo-top .enterprise-mv .inner.inner-enterprise-mv-image {
    height: 40rem;
  }

  #building-osaka-top .enterprise-mv .image,
  #building-tokyo-top .enterprise-mv .image {
    margin-left: 10%;
  }

  #building-osaka-top .enterprise-mv .body,
  #building-tokyo-top .enterprise-mv .body {
    padding: 2.5rem 7.3rem 5.6rem 5.9rem;
  }

  #building-osaka-top .breadcrumbs:has(+ .enterprise-mv),
  #building-tokyo-top .breadcrumbs:has(+ .enterprise-mv) {
    translate: 0;
    margin-bottom: 2.8rem;
  }


}

/* nav-building-under */
#building-osaka-top .nav-building-under,
#building-tokyo-top .nav-building-under {
  padding-top: 11.8rem;
}

#building-osaka-top .nav-building-under-list,
#building-tokyo-top .nav-building-under-list {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}

#building-osaka-top .nav-building-under-list .button-1,
#building-tokyo-top .nav-building-under-list .button-1 {
  width: 36.4rem;
}

#building-osaka-top .nav-building-under-list .button-1 .icon,
#building-tokyo-top .nav-building-under-list .button-1 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.4rem;
  aspect-ratio: 1;
}

#building-osaka-top .nav-building-under-list .button-1 .icon svg,
#building-tokyo-top .nav-building-under-list .button-1 .icon svg {
  width: 100%;
  height: auto;
  fill: currentColor;
}

@media (max-width: 750px) {

  #building-osaka-top .nav-building-under,
  #building-tokyo-top .nav-building-under {
    padding-top: 3rem;
  }

  #building-osaka-top .nav-building-under-list,
  #building-tokyo-top .nav-building-under-list {
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
  }

  #building-osaka-top .nav-building-under-list li,
  #building-tokyo-top .nav-building-under-list li {
    width: 100%;
  }

  #building-osaka-top .nav-building-under-list .button-1,
  #building-tokyo-top .nav-building-under-list .button-1 {
    width: 100%;
  }

  article.building-detail h2.fix-title01 img {
    width: 160px;
  }

  article.building-detail h2.fix-title02 img {
    width: 190px;
  }
}

/* gmap */
#building-osaka-top .gmap,
#building-tokyo-top .gmap {
  padding-top: 7.1rem;
  padding-bottom: 0;
}

@media (max-width: 750px) {

  #building-osaka-top .gmap,
  #building-tokyo-top .gmap {
    padding-top: 3rem;
  }
}

#building-osaka-top .gmap .map-container,
#building-tokyo-top .gmap .map-container {
  width: 100%;
  height: 45rem;
}

@media (min-width: 751px) {

  #building-osaka-top .gmap .inner,
  #building-tokyo-top .gmap .inner {
    padding-left: 13.1rem;
    padding-right: 13.1rem;
  }
}

#building-osaka-top .gmap .vacancy,
#building-tokyo-top .gmap .vacancy {
  margin-top: 1.6rem;
  text-align: right;
}

#building-osaka-top .gmap .vacancy a,
#building-tokyo-top .gmap .vacancy a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.4rem;
  color: var(--green-base);
  text-decoration: underline;
}

/* anchor-links */
#building-osaka-top .anchor-links,
#building-tokyo-top .anchor-links {
  padding-top: 7.1rem;
}

@media (max-width: 750px) {

  #building-osaka-top .anchor-links,
  #building-tokyo-top .anchor-links {
    padding-top: 2.8rem;
  }

  #building-osaka-top .anchor-links-btn,
  #building-tokyo-top .anchor-links-btn {
    width: 100%;
  }
}

/* building-info */
#building-osaka-top .building-info,
#building-tokyo-top .building-info {
  padding-bottom: 19.1rem;
}

@media (max-width: 750px) {

  #building-osaka-top .building-info,
  #building-tokyo-top .building-info {
    padding-bottom: 10.3rem;
  }
}

#building-osaka-top .building-category,
#building-tokyo-top .building-category {
  margin-top: -3rem;
  padding-top: 7.6rem;
}

@media (max-width: 750px) {

  #building-osaka-top .building-category,
  #building-tokyo-top .building-category {
    padding-top: 8.6rem;
  }
}

#building-osaka-top .building-category+.building-category,
#building-tokyo-top .building-category+.building-category {
  margin-top: 8rem;
}

@media (max-width: 750px) {

  #building-osaka-top .building-category+.building-category,
  #building-tokyo-top .building-category+.building-category {
    margin-top: 2rem;
  }
}

#building-osaka-top .building-category .hgroup,
#building-tokyo-top .building-category .hgroup {}

#building-osaka-top .building-card-list,
#building-tokyo-top .building-card-list {
  margin-top: 7rem;
}
@media (max-width: 750px) {
  #building-osaka-top .building-card-list,
  #building-tokyo-top .building-card-list {
    margin-top: 4.6rem;
  }
}

#building-osaka-top .tenant-table,
#building-tokyo-top .tenant-table {
  margin-top: 7rem;
}

@media (max-width: 750px) {

  #building-osaka-top .tenant-table,
  #building-tokyo-top .tenant-table {
    margin-top: 4.6rem;
  }
}

#building-osaka-top .tenant-table th,
#building-tokyo-top .tenant-table th,
#building-osaka-top .tenant-table td,
#building-tokyo-top .tenant-table td {
  text-align: center;
  vertical-align: middle;
}

#building-osaka-top .tenant-table .table-1 tbody tr td:nth-child(6),
#building-tokyo-top .tenant-table .table-1 tbody tr td:nth-child(6) {
  text-align: right;
}

#building-osaka-top .tenant-table p,
#building-tokyo-top .tenant-table p {
  text-align: right;
}

#building-osaka-top .tenant-table .linktext-1,
#building-tokyo-top .tenant-table .linktext-1 {
  line-height: initial;
}

@media (min-width: 751px) {

  #building-osaka-top .contact-dept,
  #building-tokyo-top .contact-dept {
    padding-bottom: 16.1rem;
  }

  #building-osaka-top .contact-dept-item,
  #building-tokyo-top .contact-dept-item {
    padding-bottom: 4.7rem;
  }
}

#building-osaka-top .contact-dept .contact-dept-item,
#building-tokyo-top .contact-dept .contact-dept-item {
  width: 54rem;
  max-width: 100%;
}

@media (max-width: 750px) {

  #building-osaka-top .contact-dept .contact-dept-item,
  #building-tokyo-top .contact-dept .contact-dept-item {
    width: 100%;
  }
}