@charset "UTF-8";

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

  BLD Real Estate Index SP Styles

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

/* Page Header
--------------------------------------------------------- */
.page-header { padding: 90px 0 0; }
.page-header .inner { padding: 0; }
.page-header figure {
  height: auto;
  overflow: visible;
}
.page-header h2 {
  font-size: 7.73333333vw; /* 58/750 */
  line-height: 1.7;
  margin: 0 0 30px;
}
.intro {
  padding: 16% 0 13.333333%; /* 120px 0 100px */
}
.intro h3 { top: -24vw; }
.intro h3 svg { width: 90vw; }
.intro p {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
}
.intro .link-next { margin: calc(60 / 750 * 100%) auto 0; }
@media screen and (max-width: 414px) {
  .intro h3 { top: -26vw; }
}
@media screen and (max-width: 375px) {
  .intro h3 { top: -28vw; }
}

/* Heading
--------------------------------------------------------- */
.heading { font-size: 6.1333333vw; /* 46/750 */ }

/* 新着情報
--------------------------------------------------------- */
.news {
  padding: 10.666666% 0; /* 80px 0 */
  margin: 0; /* 160/750 */
}
.news .inner {
  width: 82.666666%;
  padding: 0;
}
.news .heading {
  font-size: 5.333333vw; /* 40/750 */
  text-align: center;
  margin: 0 auto 6%; /* 45/750 */
}
.news-contents { flex-direction: column; }
.news-contents ul { width: 100%; }

/*.news-contents ul li {
  font-size: 2.9333333vw;
  padding: 4% 2.666666%;
}*/
.news-contents ul li {
  font-size: 2.9333333vw; /* 22/750 */
  padding: 4% 6% 4% 2.666666% ;
}
/*.news-contents ul li a::after { right: 4.666666%;  }*/
.news-contents ul li a::after { right: 0%;  }

.news-contents ul li a span {
  display: block;	
}
.news-contents ul li a span:first-of-type { width: 100%; }
.news-contents ul li a span:last-of-type { width: 100%; }
.news p { margin: 0 4.666666% 0 0; }

/* 私たちがスピードをもって正しい査定・買取ができる理由
--------------------------------------------------------- */
.sec01 .inner {
  max-width: 100%;
  padding: 0;
}
.sec01 h3 {
  font-size: 4.8vw; /* 36/750 */
  line-height: 1.666666;
  text-align: center;
  margin: 0 0 9.333333%; /* 70/750 */
}
.sec01 p:first-of-type {
  width: 83.333333%;
  margin: 0 auto 10.666666%; /* 80/750 */
}
.sec01 p:last-of-type { margin: 0 auto 21.333333%; /* 160/750 */ }
.reason {
  margin: 0 0 3.333333%; /* 80-55/750 */
}
.reason figure { width: 80%; }
.reason > div {
  position: relative;
  top: -7.333333vw; /* 55/750 */
  bottom: initial;
  width: 72%;
  margin: 0 0 0 28%;
  padding: 6% 10% 0 5.333333%;
}
.reason > div h4 {
  font-size: 4vw; /* 30/750 */
  line-height: 1.5333333;
}
.reason > div span {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.666666;
}

/* 事業内容
--------------------------------------------------------- */
.sec02 {
  padding: calc(150 / 750 * 100%) 0 calc(160 / 750 * 100%);
  margin: 0;
}
.sec02 .inner { padding: 0 calc(40 / 750 * 100%); }
.biz-content-unit { padding: 0; }
.biz-content-unit ul {
  display: block;
  margin: calc(40 / 750 * 100%) 0 calc(70 / 750 * 100%);
}
.biz-content-unit ul li:last-of-type { margin: calc(60 / 750 * 100%) 0 0; }
.biz-content-unit ul li a figure figcaption {
  font-size: calc(36 / 750 * 100vw);
  margin: calc(20 / 750 * 100%) 0 0;
}
.biz-content-unit ul + a { padding: 0 calc(50 / 750 * 100%); }

.biz-content-unit > p {
  font-size: 3.2vw; /* 24/750 */
  margin: 4% 0 8%; /* 30px 0 60px */
}
.biz-content { margin: 0 0 7.3333333%; /* 55/750 */ }
.property-item {
  width: calc((100% - 3.5%) / 2);
  height: auto;
  padding: 20px 0;
  margin: 0 0 3.5%;
}
.property-item h4 {
  font-size: 3.2vw; /* 24/750 */
  margin: 15px 0 0;
}

/* 取扱事例
--------------------------------------------------------- */
.sec03 {
  padding: 0 0 calc(160 / 750 * 100%);
  margin: 0;
}
/*
.sec03 figure {
  top: -26.666666vw;
  left: 10%;
  float: none;
  width: 90%;
  margin: 0 0 -26.666666%;
}
*/
.sec03 .inner { padding: 0 calc(40 / 750 * 100%); }
.sec03 h3.heading { margin: 0 0 calc(40 / 750 * 100%); }
.case {
  position: relative;
  z-index: 1;
  top: initial;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}
.case p {
  font-size: 3.2vw; /* 24/750 */
  margin: 5.333333% 0; /* 40px 0 */
}

.inc-case-container { flex-direction: column; }
.case-item.col-3 {
  width: 100%;
  margin: 0 0 10.666666%; /* 80/750 */
}
.case-item.col-3:last-of-type { margin: 0; }
.case-item figure a figcaption {
  font-size: 3.7333333vw; /* 28/750 */
  padding: 0;
  margin: 4% 0; /* 30/750 */
}
.case-item p { padding: 0; }
.tag {
  font-size: 2.4vw; /* 18/750 */
  height: auto;
  line-height: 1.0;
  padding: 0.5em 1em;
  margin: 0 0.75em 0.75em 0;
}

/* 会社概要
--------------------------------------------------------- */
.sec04 { flex-direction: column; }
.sec04 figure { width: 100%; }
.about {
  width: 100%;
  height: auto;
  padding: 10.666666% 14% 14.666666%; /* 80px 105px 110px */
}
.about ul { margin: 10.666666% 0 0; /* 80/750 */ }
.about ul li:first-of-type { margin: 0 0 8%; /* 60/750 */ }
.about ul li:first-of-type a:first-of-type { margin: 0 0 8%; /* 60/750 */ }

/* リンクバナー
--------------------------------------------------------- */
.bnr { padding: 8% 0; /* 60/750 */ }
.bnr .inner { padding: 0 12%; /* 90/750 */ }