@charset "UTF-8";

/*
========================================

	/real_estate/css/re_add.css
 
========================================
*/

body.real_estate {
  background-color: #f2f8f9;
}

body.real_estate_top #te_contents > .container {
  background-color: #fff;
}

body.real_estate_top h2.h2search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); /*-----16px-20px*/
  /*font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem); -----18px-26px*/
  font-weight: 500;
}

@media (min-width: 1024px) {
  body.real_estate_top {
    background-color: #fff;
    background-repeat: repeat-y;
    background-size: 25% 100%;
    background-position: 0 0;
    background-image: linear-gradient(#f2f8f9, #f2f8f9);
  }

  body.real_estate_top #te_contents > .container {
    background-color: #fff;
    background-repeat: repeat-y;
    background-size: 25% 100%;
    background-position: 0 0;
    background-image: linear-gradient(#f2f8f9, #f2f8f9);
  }

  body.real_estate_top .side .search {
    position: sticky;
    top: 352px;
    margin-right: 1.5rem;
  }

  body.real_estate_top h2.h2search {
    height: 67px;
  }
}

body.real_estate_top h2.h2type {
  font-size: clamp(1.125rem, 1.025rem + 0.5vw, 1.625rem); /*-----18px-26px*/
  font-weight: 500;
  margin: 12px 0 0 0;
}

div#te_pagetitle_area_static {
  /*background-image: linear-gradient(-120deg, #a6c0fe 0%, #f68084 100%);*/
  background: url(/common/cmn_img/bg_pagetitle.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/*物件詳細ページタイトルここから*/

body.real_estate div#te_pagetitle_area_static {
  height: 72px;
  background-image: linear-gradient(-120deg, #5f7ab7 0%, #1b47a5 50%, #5f7ab7 100%);
}

@media only screen and (min-width: 1024px) {
  body.real_estate div#te_pagetitle_area_static {
    height: 160px;
  }
}

body.real_estate div#te_pagetitle_area_static h1 {
  margin-top: 0.25rem;
  letter-spacing: normal;
}

body.real_estate div#te_pagetitle_area_static h1 span.title {
  font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem); /*-----20px-32px*/
}

/*物件詳細ページタイトルここまで*/

@media (min-width: 1024px) {
  div.container {
    padding: 1rem;
  }
} /*@media end*/

div.article {
  /*=#sortDisplay*/
  /*scroll-margin-top: 184px; ここまでの高さと数字をあわせる*/
  scroll-margin-top: 600px; /*スクロールしない＝そのままの高さ＝多めにとる*/
}

@media only screen and (min-width: 1024px) {
  div.article {
    /*=#sortDisplay*/
    scroll-margin-top: 352px; /*ここまでの高さと数字をあわせる　header 96px + title 240px + container padding 16px*/
  }
} /*@media end*/

a.re_card {
  border-color: #bdc7d7;
}

a.re_card:hover {
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

@media (min-width: 1024px) {
  a.re_card {
    padding-bottom: 48px; /*height card_footer*/
  }
}

#te_contents .re_wrapper .side .vacancy_info {
  padding: 1rem;
  color: #f91a47;
  margin: 4px 16px;
  outline: 4px solid #ffedf3;
  outline-offset: 0;
  background: linear-gradient(-45deg, transparent 0 12px, #ffedf3 12px calc(100% - 12px), transparent calc(100% - 12px)), linear-gradient(-45deg, #f44d75 0 50%, #f44d75 50% 100%);
  line-height: 1.5;
}