@charset "UTF-8";

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

  BLD Group Real Estate SP Styles

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

/* Page Header
---------------------------------------------------------- */
.page-header {
  padding: 0;
  margin: 0;
}
.page-header .heading {
  z-index: 2;
  bottom: 0;
  width: 44%;
  height: auto;
  display: block;
  padding: 4% 0 0 4.666666%;
  background-color: #f5f7f9;
}
.page-header .heading h2 {
  font-size: 6.1333333vw; /* 46/750 */
  white-space: nowrap;
}
.page-header .heading h2 small { letter-spacing: 0.125em; }
.page-header > div:last-of-type { padding: 0 0 0 20%; }
.page-header > div:last-of-type figure { height: auto; }
.page-header > div:last-of-type figure img { height: auto; }
.page-header > span {
  bottom: -13.333333vw;
  height: 13.333333vw;
  display: block;
}

/* Intro
---------------------------------------------------------- */
.re-intro-summary {
  padding: calc(80 / 750 * 100%) calc(75 / 750 * 100%) calc(100 / 750 * 100%);
}
.re-intro-summary h3 {
  font-size: calc(36 / 750 * 100vw);
  text-align: justify;
  margin: 0 0 calc(30 / 750 * 100%);
}
.re-intro-summary p { font-size: calc(24 / 750 * 100vw); }

/* Link Button
---------------------------------------------------------- */
.re-link-btn {
  width: calc(500 / 750 * 100vw);
  height: calc(102 / 750 * 100vw);
  line-height: calc(102 / 750 * 100vw);
  font-size: calc(22 / 750 * 100vw);
  margin: auto;
}

/* Real Estate Business
---------------------------------------------------------- */
.re-biz-unit { padding: calc(120 / 750 * 100%) 0 calc(130 / 750 * 100%); }
.re-biz-contents {
  padding: calc(110 / 750 * 100%) calc(40 / 750 * 100%) calc(120 / 750 * 100%);
}
.re-biz-contents:first-of-type { margin: 0 0 calc(120 / 750 * 100%); }
.re-biz-contents h2 { font-size: calc(46 / 750 * 100vw); }
.re-biz-contents p {
  font-size: calc(24 / 750 * 100vw);
  padding: 0;
}
.main-re-handled {
  width: 100%;
  margin: calc(90 / 750 * 100%) auto 0;
  padding: 0 0 calc(60 / 750 * 100%);
  border-bottom: 0;
}
.main-re-handled h3 {
  font-size: calc(36 / 750 * 100vw);
  margin: 0 0 calc(35 / 750 * 100%);
}
.main-re-handled h3::after { content: none; }
.main-re-handled h3 span {
  background: none;
  padding: 0;
}
.re-handled-items {
  grid-template-columns: repeat(4, calc(120 / 750 * 100vw));
  gap: calc(40 / 750 * 100vw);
  padding: 0;
}
.re-handled-items figure { aspect-ratio: 1 / 1; }
.re-handled-items figure img {
  width: auto;
  height: auto;
}
.re-handled-items figure figcaption {
  font-size: calc(20 / 750 * 100vw);
  line-height: calc(24 / 20);
}
.re-biz-contents:first-of-type a {
  width: 100%;
  margin: 0 auto;
  padding: 0 calc(50 / 750 * 100%);
}
.re-biz-contents:last-of-type figure {
  width: 100%;
  margin: calc(45 / 750 * 100%) auto 0;
}

@media screen and (max-width:375px) {
  .re-handled-items figure figcaption { font-size: calc(13 / 750 * 100vw); }
}

/* Link
---------------------------------------------------------- */
.re-link-unit { padding: calc(80 / 750 * 100%) 0; }
.re-link-unit p {
  font-size: calc(24 / 750 * 100vw);
  margin: 0 0 calc(40 / 750 * 100%);
}