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

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



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

.biz-content {
  width: 120rem;
  margin: 0 auto;
  display: flex;
}
.biz-txt {
  padding: 0 6rem;
}
.biz-txt h4 {
  font-size: 2.8rem;
  font-weight: 600;
  margin: 4rem 0 2.5rem;
}
.biz-txt p {
  width: 45rem;
}
.biz-txt .contact {
  margin-top: 6.5rem;
}


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

.business01 .h3-bg {
  width: calc(50% + 60rem);
  height: 29rem;
  margin: 0 0 0 auto;
  background: url("../image/business/business01-bg-pc.jpg") right top;
  background-size: cover;
  position: relative;
}
.business01 h3 {
  width: 46rem;
  height: 12.5rem;
  background: #fff;
  padding: 2.5rem 3.5rem;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  bottom: 3.5rem;
  left: 0;
}
.business01 h3 .num {
  display: block;
  color: #e28100;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.business01 h3 .want {
  background: #e28100;
  color: #fff;
  padding: 1rem 1.5rem;
}

.business01 .biz-bg {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #e28100 50%, #e28100 100%);
}
.business01 .biz-inner {
  width: 120rem;
  background: linear-gradient(90deg, #fff 0%, #fff 76%, #e28100 76%, #e28100 100%);
  margin: 0 auto;
  padding: 9rem 0 25rem;
}
.business01 .biz-txt .contact a {
  display: block;
  width: 27rem;
  height: 7rem;
  line-height: 7rem;
  background: #e28100;
  color: #fff;
  padding: 0 3rem;
  position: relative;
}
.business01 .biz-txt .contact a::after {
  content: "";
  display: block;
  width: 3.1rem;
  height: 3.1rem;
  background: url("../image/contact/arrow-wh-pc.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}

.business01 .biz-ph {
  position: relative;
}
.business01 .biz-ph picture:last-child {
  position: absolute;
  top: 40.5rem;
  left: -11.5rem;
}



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

.business02 .h3-bg {
  width: calc(50% + 60rem);
  height: 29rem;
  margin: 0 0 0 auto;
  background: url("../image/business/business02-bg-pc.jpg") right top;
  background-size: cover;
  position: relative;
}
.business02 h3 {
  width: 46rem;
  height: 12.5rem;
  background: #fff;
  padding: 2.5rem 3.5rem;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  bottom: 3.5rem;
  left: 0;
}
.business02 h3 .num {
  display: block;
  color: var(--red);
  font-family: 'Josefin Sans', sans-serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.business02 h3 .want {
  background: var(--red);
  color: #fff;
  padding: 1rem 1.5rem;
}

.business02 .biz-bg {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, var(--red) 50%, var(--red) 100%);
}
.business02 .biz-inner {
  width: 120rem;
  background: linear-gradient(90deg, #fff 0%, #fff 76%, var(--red) 76%, var(--red) 100%);
  margin: 0 auto;
  padding: 9rem 0 10rem;
}


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

.business02 .biz-txt .contact a,
.business03 .biz-txt .contact a{
  display: block;
  width: 27rem;
  height: 7rem;
  line-height: 7rem;
  background: var(--red);
  color: #fff;
  padding: 0 3rem;
  position: relative;
}
.business02 .biz-txt .contact a::after,
.business03 .biz-txt .contact a::after{
  content: "";
  display: block;
  width: 3.1rem;
  height: 3.1rem;
  background: url("../image/contact/arrow-wh-pc.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
}




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

.business03 {
  background: url("../image/business/business03-bg-pc.jpg") center top;
  background-size: cover;
  padding: 13rem 0 10rem;
}
.business03 .biz-inner {
  width: 120rem;
  padding: 9rem 6rem;
  margin: 0 auto;
  background: #fff;
  position: relative;
}

.business03 h3 {
  padding: 0 0 4rem 0;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1;
}
.business03 h3 .num {
  display: block;
  color: var(--red);
  font-family: 'Josefin Sans', sans-serif;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.business03 .biz-txt {
  padding: 0;
}
.business03 .biz-txt p {
  width: 58rem;
}

.business03 .biz-ph {
  position: absolute;
  top: -5rem;
  right: 6rem;
}