@charset "utf-8";
/* CSS Document */

/* ===================================
PC表示
=================================== */
@media screen and (min-width: 751px) {
  /* ヘッダーロゴ */
  #headerContents h1 a {
    width: 340px;
    height: 52px;
    background: url(/common/img/logo.png) no-repeat left center / contain;
  }
  .headerTelBox .telBoxWrap {
    margin-top: 0;
  }
  .headerTelBox .infoWrap {
    line-height: 1;
  }
  .headerTelBox .info {
    margin: 0 0 0 -0.5em;
    text-align: left;
    line-height: 1.4;
  }
  .headerTelBox .info  a {
    color: #333;
    text-decoration: none;
  }
  .headerTelBox .info  a:hover {
    text-decoration: underline;
  }
  /* ヘッダーグローバルメニュー */
  #gnav .menu-info ul li.badge.wide {
    width: 210px;
  }
  /* ハンバーガーメニュー 物件検索のメニュー部分 */
  .spNav dd.linkListWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .spNav dd.linkListWrap ul.linkList {
    max-width: 270px;
    width: 50%;
  }
  .sublinkList {
    margin-bottom: 20px;
  }
  /* フッターロゴ */
  footer .logo a {
    width: 340px;
    height: 52px;
    background: url(/common/img/logo.png) no-repeat left center / contain;
  }
  footer .contactBox {
    align-items: center;
  }
  footer p.info {
    line-height: 1.4;
  }
  footer p.info a {
    color: #333;
    text-decoration: none;
  }
  footer p.info a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 860px) {
  .headerTelBox {
    display: none;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1280px) {
  .headerTelBox {
    padding-right: calc(650px - 50vw);
  }
}
@media screen and (max-width: 1100px) {
  .headerTelBox {
    padding-right: calc(1200px - 100vw);
  }
}

/* ===================================
SP表示
=================================== */
@media screen and (max-width: 750px) {
  /* ヘッダーロゴ */
  #headerContents h1 a {
    width: 240px;
    height: 46px;
    background: url(/common/img/logo.png) no-repeat left center / contain;
    margin: 7px 5px;
  }
  /* フッターロゴ */
  footer .logo a {
    width: 240px;
    height: 46px;
    background: url(/common/img/logo.png) no-repeat left center / contain;
  }
  /* 下層ニュースリリースページのNEWアイコンの位置調整 */
  .newsAreaInner .newIcon::after {
    top: 3px !important;
    left: 105px;
    right: unset;
  }
  footer .contactBox {
    align-items: center;
  }
  footer p.info a {
    color: #333;
    text-decoration: none;
  }
  footer p.info a:hover {
    text-decoration: underline;
  }
}