@charset "UTF-8";

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

  BLD Group Common LP Styles

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

/* Lead
---------------------------------------------------------- */
.lead {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
}
.lead h2 {
  font-size: 10px;
  font-size: 1.0rem;
  letter-spacing: 0;
}

/* Page Header
---------------------------------------------------------- */
.page-header {
  margin: 0;
  background: url(../images/bre-lp_page-header_sp.png) no-repeat;
  background-size: cover;
  }
.page-header figure { display: none; }
.page-header .contents-area {
  position: relative;
 margin-left: 6%; 
 padding: 10% 0 3%;	
 width: 94%;	
}
.page-header .contents-area h2 {
 margin: 0 0 3% 0;
 width: 87%;	
}
.page-header .contents-area > p:last-of-type { justify-content:space-between; }
.page-header .contents-area > p:last-of-type img {
  width: calc((100% - 2%) / 3) !important;
  margin: 0;
}

/* お取扱物件種別
---------------------------------------------------------- */
.sec01 figure { display: none; }
.sec01 .contents-area {
  position: relative;
  background: url(../images/bre-lp_sec01_bg.png) no-repeat 50% 50%;
  background-size: cover;
  padding: 6.666666% 0 29.333333%; /* 50px 0 220px */
}
.sec01 > div.sp {
  background-color: #0080db;
  padding: 14.666666% 0;
}
.sec01 .heading { margin: 0 0 4.666666%; /* 35/750 */ }
.sec01 p { font-size: 3.2vw; /* 24/750 */ }
.property-content {
  padding: 0;
  margin: 0;
  background: none;
  justify-content: space-between;
}
.property-item {
  width: calc((100% - 6%) / 3);
  height: auto;
  border: solid 1px #2854a4;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0;
  margin: 0 0 3%;
}
.property-item h4 {
  font-size: 3.2vw; /* 24/750 */
  margin: 2.666666% 0 0; /* 20/750 */
  line-height: 1.25;
}

/* 私たちの強み
---------------------------------------------------------- */
.sec02 {
  background: url(../images/bre-lp_sec02_bg.png) no-repeat 50% 50%;
  background-size: cover;
}
.sec02 figure { display: none; }
.sec02 .contents-area {
  position: relative;
  padding: 18.666666% 0 13.333333% /* 140px 0 100px */;
}
.sec02 .contents-area .inner { padding: 0; }
.sec02 .contents-area p img { width: calc((100% - 3%) / 3); }
.sec02 .heading img {
  width: 42.666666vw;
  padding: 0 0 5.333333%; /* 40/750 */
}
.reason-item {
  flex-direction: column-reverse;
  margin: 4% 0 0; /* 30/750 */
}
.reason-item > img { padding: 0 0 0 30%; }
.reason-item dl { padding: 6.666666% 5.333333%; }
.reason-item dl dt {
  font-size: 4vw; /* 30/750 */
  margin: 0 0 3.333333%; /* 25/750 */
}
.reason-item dl dd {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.6;
}

/* 取扱事例
---------------------------------------------------------- */
.sec03 { padding: 18.666666% 0 14.666666%; /* 140px 0 110px */ }
.sec03 .inner { padding: 0; }
.case-unit {
  padding: 9.333333% 7.333333%;
  margin: 4.666666% 0 0; /* 35/750 */
}
.case-item { flex-direction: column; }
.case02 .case-item, .case03 .case-item, .case04 .case-item { flex-direction: column; }
.case01 figure, .case05 figure {
  width: 100%;
  padding: 0 14.6875%;
}
.case02 figure {
  width: 100%;
  padding: 0 2.5%;
}
.case03 figure {
  width: 100%;
  padding: 0 2.5%;
}
.case04 figure {
  width: 100%;
  padding: 0 2.5%;
}
.case02 figure img:last-of-type {
  width: 40vw;
  margin: 4% 0 0; /* 30/750 */
}
.case03 figure img:last-of-type {
  width: 36vw;
  margin: 10px 0 0;
}
.case04 figure img:last-of-type {
  width: 36vw;
  margin: 10px 0 0;
}
.case01 .case-item > div, .case05 .case-item > div { padding: 0; }
.case02 .case-item > div, .case03 .case-item > div, .case04 .case-item > div { padding: 0; }
.ci-heading { margin: 6% 0 0; /* 45/750 */ }
.ci-heading h3 { font-size: 4vw; /* 30/750 */ }
.ci-spec span {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0.75em 5px 0;
}
.ci-spec span::before {
  font-size: 11px;
  font-size: 1.1rem;
  height: 18px;
  line-height: 18px;
  padding: 0 0.75em;
}
.case-item > div dl { font-size: 3.2vw; /* 24/750 */ }
.case-item > div dl dt { margin: 6.666666% 0 0; /* 50/750 */ }
.case-item > div dl dt i img {
  transform: scale(0.8);
  transform-origin: left top;
}
.case-item > div dl dd p { line-height: 1.6; }
.case01 .case-item > div dl dd img { width: 32vw; }
.case05 .case-item > div dl dd img { width: 32vw; }
.other-case { margin: 9.333333% 0 0; /* 70/750 */ }

/* 売却までの流れ
---------------------------------------------------------- */
.sec04 {
  background: url(../images/bre-lp_sec04_bg.png) no-repeat 50% 50%;
  background-size: cover;
  padding: 18.666666% 0 13.333333%; /* 140px 0 100px */
}
.sec04 figure { display: none; }
.sec04 .contents-area { position: relative; }
.sec04 .contents-area .inner { padding: 0; }
.sec04 .heading { margin: 0 0 4.666666%; /* 35/750 */ }
.flow { padding: 0 5.333333% 7.333333%; }
.flow:not(:last-of-type) { margin: 0 0 8%; /* 60/750 */ }
.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;
}

/* Catch
---------------------------------------------------------- */
.sec05 {
  background: url(../images/bre-lp_catch_bg.png) no-repeat 50% 50%;
  background-size: cover;
  padding: 12% 4.666666%; /* 90/750 */
}
.sec05 figure { display: none; }
.sec05 .contents-area { position: relative; }

/* よくあるご質問
---------------------------------------------------------- */
.sec06 { padding: 20% 0 13.333333%; /* 150px 0 100px */ }
.sec06 .inner { padding: 0; }
.sec06 .heading { margin: 0 0 4.666666%; /* 35/750 */ }
.faq {
  padding: 5%;
  background-color: #ffffff;
  margin: 0 0 20px;
}
.faq dl dt {
  font-size: 4.4vw; /* 33/750 */
  line-height: 1.3;
  padding: 0 10% 0 0;
}
.faq dl dt::after {
  right: -5%;
  font-size: 2em;
}
.faq dl dt.is-opened::after { content: "ー"; }
.faq dl dd { padding: 5% 0 0; }
.faq dl dd p {
  font-size: 3.6vw; /* 27/750 */
  line-height: 1.5;
}

/* お問合せフォーム
---------------------------------------------------------- */
.inquiry {
  width: 100%;
  padding: 0 2.2058824%;
  margin: 10.666666% auto 13.333333%; /* 80px auto 100px */
}
.inquiry dl dd { margin: 0 0 9.333333%; } /* 70/750 */
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
::-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
:-ms-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}

/* Radio Button */
.contact-hours label [type="radio"] + span { margin: 0 30px 0 0; }

/* ボタン */
.btn-unit {
  padding: 0;
  margin:  12% auto 0; /* 90/750 */
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-btn {
  width: 48.5%;
  height: auto;
  line-height: initial;
  padding: 15px 0;
  font-size: 3.2vw; /* 24/750 */
  margin: 0 5px;
  cursor: pointer;
}

.w40 { width: 100%; }

@media screen and (max-width:414px) {
  .inquiry-unit dl {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* 個人情報保護方針に同意する */
  .agreement label span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* bxSlider Overwrite
---------------------------------------------------------- */
.bx-wrapper {
  margin: 0 auto 25.333333%; /* 190/750 */
}
.bx-wrapper .bx-pager {
  position: relative;
  right: initial;
  bottom: -30px;
}
.bx-wrapper figure figcaption {
  font-size: 2.4vw; /* 18/750 */
}
/*
.slider-container { overflow: hidden; }

.slider-unit {
  position: relative;
  left: 15vw;
  overflow: visible !important;
}
.slider-unit img {
  max-width: 70vw;
  height: auto;
}
*/

/* Modal Styles
---------------------------------------------------------- */

/* 確認･完了画面 */
.confirm .inquiry-unit .inquiry dl dd { margin: 0 0 9.333333%; } /* 70/750 */