@charset "UTF-8";

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

  BLD Real Estate About PC Styles

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

/* Page Header
--------------------------------------------------------- */
.page-header {
  border-bottom: solid 1px #eeeeee;
}
.page-header .inner { padding: 0 60px; }
.page-header h2 {
  font-size: 60px;
  font-size: 6.0rem;
  line-height: 1.666666;
  letter-spacing: 0.15em;
  margin: 0 0 60px;
}
.page-header h3 {
  position: relative;
  bottom: -10px;
  font-size: 72px;
  font-size: 7.2rem;
  letter-spacing: 0.2em;
  line-height: 1.0;
  color: #f4f4f4;
  text-align: right;
}

/* About Intro
--------------------------------------------------------- */
.about-intro .inner { padding: 0 200px; }
.about-intro { margin: 0 0 120px; }
.about-intro h3 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.666666;
  margin: 0 0 55px;
  text-align: center;
}
.about-intro p {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  line-height: 2.25;
}
.about-intro p span {
  display: block;
  text-align: right;
  line-height: 1.875;
  margin: 70px 0 0;
}

/* Interval
--------------------------------------------------------- */
.interval img {
  width: 100%;
  height: auto;
}

/* 不動産事業取扱高ベース純利益
---------------------------------------------------------- */
.rebtv-unit {
  background-color: #f5f7f9;
  padding: 65px 0 35px;
  margin: 85px 0 120px;
}
.rebtv-unit .inner { padding: 0 60px; }
.rebtv-unit h3 {
  font-size: 22px!important;
  font-size: 2.2rem!important;
  letter-spacing: 0.15em;
  text-align: center;
  margin: 0 0 45px!important;
}

/* 会社概要
--------------------------------------------------------- */
.about-unit {
  padding: 200px 0 100px;
  border-bottom: solid 1px #f0f2f3;
}
.about-unit .inner { padding: 0 60px; }
.about-unit h3 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.666666;
  text-align: center;
  margin: 0 0 100px;
}
.profile {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.profile p { width: 35.1851851%; }
.profile p img {
  width: 100%;
  height: auto;
}
.profile table {
  width: 58.888888%;
  border-top: solid 1px #f0f2f3;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.15em;
}
.profile table th {
  display: block;
  text-align: left;
  padding: 30px 0 8px 20px;
}
.profile table td {
  display: block;
  padding: 8px 0 30px 20px;
  border-bottom: solid 1px #f0f2f3;
}
.profile table td a { color: #000000; }
.profile table td a:hover { text-decoration: none; }
.map-unit {
  padding: 0 14% 0 0;
  margin: 130px 0 80px;
}
.map {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-link {
  position: relative;
  width: 330px;
  height: 60px;
  background-color: #464646;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s;
  float: right;
  margin: -30px 0 0;
}
.map-link:hover {
  color: #464646;
  border: solid 1px #464646;
  background-color: #ffffff;
}
.map-link::before {
  content: "＞";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.5,1.0);
  left: 0;
  color: #656565;
}
.map-link i {
  padding: 7.5px 0 0 5px;
  display: inline-block;
}