@import url("single-homes.css");


/*-------------------------------
---.land-for-sale_head
-------------------------------*/

.land-for-sale_head {
  position: relative;
}

.land-for-sale_head .subtitle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  max-width: max-content;
  font-size: 3.9rem;
  color: #fff;
  letter-spacing: 0.1em;
  text-align: center;
  text-shadow: 0px 0px 6px #00000040;
}

/*-------------------------------
---.grid_gallery
-------------------------------*/

.grid_gallery {
  background-color: #5F8B9F;
}


/*-------------------------------
---.price_table
-------------------------------*/

.price_table .h_block_title {
  margin-bottom: 4rem;
}

.price_table .contents {
  overflow-x: auto;
  overflow-y: hidden;
}

.price_table table {
  min-width: 100%;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
}

.price_table table thead th {
  color: #fff;
  background-color: #5F8B9F;
  padding: 1rem;
}

.price_table table tbody tr {
  border-bottom: 1px solid #AFAFAF;
}

.price_table table tbody tr:nth-child(even) {
  background-color: #F5F5F5;
}

.price_table table tbody tr th,
.price_table table tbody tr td {
  padding: 1rem 2rem;
}

.price_table table tbody tr th {
  font-weight: 500;
}

.price_table table tbody td.price .value {
  font-size: var(--font-size-xxl);
}

.price_table table tbody td.price .unit {
  font-weight: bold;
}


/*-------------------------------
---.prop_data
-------------------------------*/

.prop_data {
  background-color: #5F8B9F;
}


/*-------------------------------
---.agency_message
-------------------------------*/

.agency_message {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  max-width: 660px;
  border: 0.7rem solid var(--main-color);
  padding: 2em 3em;
  margin-bottom: 12rem;
}

.agency_message .message_title {
  font-size: var(--font-size-xxxl);
  font-weight: bold;
  color: var(--main-color);
  line-height: 1.2;
  text-align: center;
}

.agency_message .message span {
  font-weight: bold;
  color: var(--main-color);
}

.agency_message .contact_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 18em);
  grid-gap: 1rem 3.5rem;
  justify-content: center;
  text-align: center;
}

.agency_message .contact_list dt,
.agency_message .contact_list dd {
  display: inline-block;
  vertical-align: middle;
}

.agency_message .contact_list dt {
  font-size: var(--font-size-xxl);
  font-weight: 500;
  color: var(--main-color);
  margin: 0 1rem 0 0;

}

.agency_message .contact_list dt::before {
  content: '\f095';
  font-weight: bold;
  margin-right: 0.5rem;
}

.agency_message .contact_list dd a {
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  color: var(--main-color);
}