/* PC_SUB DEDICATED FILE */
/* =========================================================
   36_building-map.css (PC)
   - Building map page
   ========================================================= */

.bm-page{
  padding: 12px 0 40px;
}

.bm-inner{
  width: min(1200px, calc(100% - 80px));
  margin: 0 auto;
}

.bm-head{
  margin: 34px 0 34px;
  text-align: center;

  opacity: 0;
  transform: translateY(-26px);
  animation: bmHeadFadeDown .95s cubic-bezier(.22,.61,.36,1) both;
}

.bm-title{
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.04em;
  color: #444;
  white-space: nowrap;
}

.bm-title-main{
  color: #444;
  font-weight: 400;
}

.bm-title-accent{
  color: #c89459;
  font-weight: 550;
}

.bm-figure{
  margin: 0;
  overflow: hidden;
  background: #f4f4f4;
  line-height: 0;
}

.bm-figure img{
  display: block;
  width: 100%;
  height: auto;
}

@keyframes bmHeadFadeDown{
  from{
    opacity: 0;
    transform: translateY(-26px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce){
  .bm-head{
    opacity: 1;
    transform: none;
    animation: none;
  }
}