@charset "UTF-8";
/* CSS Document */

#business .lower-header {
  background-image: url("../image/business/business-bg-sp.jpg");
}



/* ----- .business01-03 共通 ----- */

.biz-txt {
  padding: 0 4.667vw;
}
.biz-txt h4 {
  font-size: 5.333vw;
  font-weight: 600;
  margin: 0 0 4vw;
}
.biz-txt .contact {
  margin-top: 12vw;
}



/* ----- .business01 買いたい ----- */

.business01 .h3-bg {
  width: calc(100% - 4.667vw);
  height: 57.333vw;
  margin: 0 0 0 auto;
  background: url("../image/business/business01-bg-sp.jpg") right top;
  background-size: cover;
  position: relative;
}
.business01 h3 {
  width: 74.667vw;
  height: 23.333vw;
  background: #fff;
  padding: 5.333vw 4.667vw;
  font-size: 6.933vw;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  bottom: 8vw;
  left: 0;
}
.business01 h3 .num {
  display: block;
  color: #e28100;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 3.733vw;
  margin-bottom: 1.733vw;
}
.business01 h3 .want {
  background: #e28100;
  color: #fff;
  padding: 1.733vw;
}

.business01 .biz-inner {
  padding: 9.333vw 0;
}
.business01 .biz-txt .contact a {
  display: block;
  width: 62vw;
  height: 15.333vw;
  line-height: 15.333vw;
  background: #e28100;
  color: #fff;
  padding: 0 4.667vw;
  position: relative;
}
.business01 .biz-txt .contact a::after {
  content: "";
  display: block;
  width: 6.267vw;
  height: 6.267vw;
  background: url("../image/contact/arrow-wh-sp.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
}

.business01 .biz-ph {
  margin: 16vw 4.667vw 40vw 0;
  text-align: right;
  position: relative;
}
.business01 .biz-ph picture:last-child {
  position: absolute;
  width: 70%;
  top: calc(100% - 8vw);
  left: 4.667vw;
}

/* ----- .business02 売りたい ----- */

.business02 .h3-bg {
  width: calc(100% - 4.667vw);
  height: 57.333vw;
  margin: 0 0 0 auto;
  background: url("../image/business/business02-bg-sp.jpg") right top;
  background-size: cover;
  position: relative;
}
.business02 h3 {
  width: 74.667vw;
  height: 23.333vw;
  background: #fff;
  padding: 5.333vw 4.667vw;
  font-size: 6.933vw;
  line-height: 1;
  position: absolute;
  bottom: 8vw;
  left: 0;
}
.business02 h3 .num {
  display: block;
  color: var(--red);
  font-family: 'Josefin Sans', sans-serif;
  font-size: 3.733vw;
  margin-bottom: 1.733vw;
}
.business02 h3 .want {
  background: var(--red);
  color: #fff;
  padding: 1.733vw;
}

.business02 .biz-inner {
  padding: 9.333vw 0 18.667vw;;
}

.business02 .biz-ph {
  margin: 16vw 4.667vw 0;
  text-align: center;
}


/* ----- .business02-03 共通ボタン ----- */

.business02 .biz-txt .contact a,
.business03 .biz-txt .contact a {
  display: block;
  width: 62vw;
  height: 15.333vw;
  line-height: 15.333vw;
  background: var(--red);
  color: #fff;
  padding: 0 4.667vw;
  position: relative;
}
.business02 .biz-txt .contact a::after,
.business03 .biz-txt .contact a::after {
  content: "";
  display: block;
  width: 6.267vw;
  height: 6.267vw;
  background: url("../image/contact/arrow-wh-sp.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
}




/* ----- .business03 事業用不動産 ----- */

.business03 {
  background: url("../image/business/business03-bg-sp.jpg") center top;
  background-size: cover;
  padding: 18.667vw 4.667vw;
}
.business03 .biz-inner {
  padding: 12vw 4.667vw 16.667vw;;
  margin: 0 auto;
  background: #fff;
}

.business03 h3 {
  padding: 0 0 6.667vw 0;
  font-size: 6.933vw;
  line-height: 1;
}
.business03 h3 .num {
  display: block;
  color: var(--red);
  font-family: 'Josefin Sans', sans-serif;
  font-size: 3.733vw;
  margin-bottom: 4vw;
}

.business03 .biz-txt {
  padding: 0;
}

.business03 .biz-ph {
  margin-top: 18.667vw;
  text-align: center;
}