@charset "UTF-8";

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

  BLD Real Estate Business SP Styles

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

/* Page Header
--------------------------------------------------------- */
.page-header { padding: 90px 0 0; }
.page-header .inner {
  max-width: 100%;
  padding: 0;
}
.page-header h2 {
  font-size: 7.7333333vw; /* 58/750 */
  margin: 0 0 20.666666%; /* 155/750 */
  padding: 0 0 0 7.333333%; /* 55/750 */
}
.page-header h3 {
  bottom: 0;
  font-size: 8vw; /* 60/750 */
}

/* Breadcrumb
--------------------------------------------------------- */
.breadcrumb {
  font-size: 2.4vw; /* 18/750 */
  margin: 0;
  padding: 20px 0 0;
}
.breadcrumb .inner { padding: 0; }

/* Business Intro
--------------------------------------------------------- */
.biz-intro { margin: calc(120 / 750 * 100%) 0 calc(55 / 750 * 100%); }
.biz-intro h3 {
  font-size: calc(28 / 750 * 100vw);
  line-height: calc(60 / 28);
  margin: 0;
}
.biz-intro p {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
  text-align: left;
}

/* Interval
--------------------------------------------------------- */
.interval img {
  height: auto;
  aspect-ratio: 750 / 600;
  object-fit: cover;
}

/* Anchor Navi
--------------------------------------------------------- */
.anchor-nav .inner { max-width: 100%; }

/* Purchase Intro
--------------------------------------------------------- */
.purchase-intro {
  padding: calc(120 / 750 * 100%) 0 calc(150 / 750 * 100%);
}
.purchase-intro h3 {
  font-size: calc(46 / 750 * 100vw);
  margin: 0 0 calc(80 / 750 * 100%);
}
.purchase-intro p {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
  text-align: left;
}

/* 買取サービス
--------------------------------------------------------- */
.purchase-service { padding: calc(120 / 750 * 100%) 0; }
.purchase-service h3 {
  font-size: calc(36 / 750 * 100vw);
  margin: 0 0 calc(40 / 750 * 100%);
}
.ps-content {
  width: 100%;
  padding: 0 0 calc(55 / 750 * 100%) calc(40 / 750 * 100%);
}
.ps-content:nth-of-type(odd) { margin: 0 0 calc(40 / 750 * 100%); }
.ps-content:nth-of-type(2n) { margin: 0 0 calc(40 / 750 * 100%); }
.ps-content:last-of-type { margin: 0; }
.ps-content dl {
  width: auto;
  padding: 0;
  margin: 0;
}
.ps-content dl dt i {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 10px;
  padding: 20px 0 0 30px;
}
.ps-content dl dt i::before {
  top: -10px;
  left: 5.333333vw;
  height: 60px;
}
.ps-content dl dt h4 {
  font-size: calc(30 / 750 * 100vw);
  letter-spacing: .075em;
  margin: 0 0 calc(30 / 750 * 100%);
}
.ps-content dl dd {
  width: calc(400 / 750 * 100vw);
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
}
.ps-content figure {
  width: calc(230 / 750 * 100vw);
  padding: 0 calc(25 / 750 * 100%) 0 0;
}

/* 取扱事例
--------------------------------------------------------- */
.available-properties { padding: calc(120 / 750 * 100%) 0 0; }
.available-properties .inner { padding: 0; }
.available-properties h3 { font-size: calc(36 / 750 * 100vw); }
.available-properties h3::after { content: none; }
.available-properties h3 span { padding: 0; }
.available-properties .inner > div {
  gap: calc(40 / 750 * 100%);
  padding: calc(30 / 750 * 100%) calc(40 / 750 * 100%) 0;
  border-bottom: none;
}
.available-properties figure img {
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
}
.available-properties figure figcaption { font-size: calc(20 / 750 * 100vw); }

.property-unit { margin: 16% 0; /* 120/750 */ }
.property-unit .inner { padding: 0 5.333333%; }
.property-unit h3 {
  font-size: calc(28 / 750 * 100vw);
  line-height: calc(54 / 28);
  margin: 0 0 calc(65 / 750 * 100%);
}
.col {
  display: block;
  margin: 0 0 calc(80 / 750 * 100%);
}
.col-2, .col-3 {
  width: 100%;
  margin: 0 0 calc(60 / 750 * 100%); /* 60/750 */
}
.property dl dt { padding: calc(40 / 750 * 100%) 0 0; }
.property dl dt h4 { font-size: 3.7333333vw; /* 28/750 */ }
.property.col-2 dl dd, .property.col-3 dl dd { padding: calc(50 / 750 * 100%); /* 50/750 */ }
.property dl dd p { font-size: 3.2vw; /* 24/750 */ }
.see-case {
  width: 100%;
  height: auto;
  line-height: initial;
  font-size: 3.2vw; /* 24/750 */
  padding: 4% 0; /* 30/750 */
  margin: 8% auto 0; /* 60/750 */
}
.see-case::before { left: 27.5%; }

.pr-link { padding: 0 calc(50 / 750 * 100%); }

/* 調査の段階では費用は一切不要です･･･
--------------------------------------------------------- */
.promo-unit { margin: 0 0 16%; /* 120/750 */ }
.promo-unit figure {
  position: relative;
  z-index: 1;
}
.promo-unit figure:first-of-type {
  margin: 0 0 -9.333333%; /* 70/750 */
  padding: 0 14.666666% 0 0;
}
.promo-unit figure:last-of-type {
  margin: -9.333333% 0 0; /* 70/750 */
  padding: 0 0 0 14.666666%;
}
.promo-catch { padding: 20% 10%; /* 150/750 */ }
.promo-catch h3 {
  font-size: 4.8vw; /* 36/750 */
  margin: 0 0 5.333333%; /* 40/750 */
}
.promo-catch p {
  font-size: 3.2vw; /* 24/750 */
  letter-spacing: 0.1em;
}

/* お問合せから売却までの流れ
--------------------------------------------------------- */
.flow-unit { padding: 16% 0; /* 120/750 */ }
.flow-unit .inner { padding: 0; }
.flow-unit h3 {
  font-size: 4.8vw; /* 36/750 */
  margin: 0 0 5.333333%; /* 40/750 */
}
.flow { padding: 0 5.333333% 7.333333%; }
.flow:not(:last-of-type) { margin: 0 0 8%; /* 60/750 */ }
.flow::after {
  bottom: -20px;
  border-width: 20px 35px 0 35px;
}
.flow dl { flex-direction: column; }
.flow dl dt { width: 100%; }
.flow dl dd {
  width: 100%;
  padding: 5.333333% 0 0; /* 40/750 */
}
.flow i {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 0 10px;
  padding: 20px 0 0 30px;
}
.flow i::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 5.333333vw;
  width: 1px;
  height: 60px;
  display: inline-block;
  background-color: #000000;
  transform: rotate(45deg);
}
.flow h4 { font-size: 4vw; /* 30/750 */ }
.flow p {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
}

/* 不動産仲介事業
--------------------------------------------------------- */
.brokerage-unit {
  padding: calc(120 / 750 * 100%) 0;
  border-bottom: none;
}
.brokerage-unit h3 {
  font-size: calc(46 / 750 * 100vw);
  margin: 0 0 calc(80 / 750 * 100%);
}
.brokerage-unit p {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
  text-align: left;
}