@charset "utf-8";
/* 2026-10-29 第2フェーズ：買いたい・借りたいページの追加部分（導入文・物件種別の案内・掲載終了の案内） */

#BuyRent .hc2-intro {
  margin: 48px 0 8px;
  padding: 28px 32px;
  background: #F9F9F6;
  border-top: 3px solid #5FB7E0;
  border-bottom: 1px solid #5FB7E0;
  color: #333;
}
#BuyRent .hc2-intro-title {
  font-size: 20px;
  line-height: 1.6;
  color: #1492E6;
  font-weight: bold;
  margin: 0 0 16px;
}
#BuyRent .hc2-intro p {
  font-size: 15px;
  line-height: 1.9;
  margin: 0 0 12px;
}
#BuyRent .hc2-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
#BuyRent .hc2-types a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  padding: 16px 18px 18px;
  background: #fff;
  border: 1px solid #d8d4ca;
  border-left: 4px solid #1492E6;
  color: #333;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
}
#BuyRent .hc2-types a:hover,
#BuyRent .hc2-types a:focus-visible {
  border-color: #1492E6;
  box-shadow: 0 2px 8px rgba(20, 146, 230, .15);
}
#BuyRent .hc2-types strong {
  display: block;
  font-size: 17px;
  color: #1492E6;
  margin-bottom: 6px;
}
#BuyRent .hc2-types strong::after {
  content: " ›";
}
#BuyRent .hc2-types span {
  display: block;
  font-size: 14px;
  line-height: 1.7;
}
#BuyRent .hc2-lead {
  font-size: 15px;
  line-height: 1.8;
  margin: 14px 3% 6px;
  color: #333;
}

/* 掲載終了の案内 */
#BuyRent .hc2-notfound {
  margin: 40px 0 60px;
}
#BuyRent .hc2-notfound p {
  font-size: 15px;
  line-height: 1.9;
  margin: 16px 3% 0;
}
#BuyRent .hc2-notfound-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 3% 0;
  padding: 0;
  list-style: none;
}
#BuyRent .hc2-notfound-links a {
  display: inline-block;
  padding: 12px 22px;
  background: #1492E6;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 15px;
}
#BuyRent .hc2-notfound-links a:hover { opacity: .85; }

@media screen and (max-width: 767px) {
  #BuyRent .hc2-intro {
    margin: 32px 0 4px;
    padding: 20px 16px;
  }
  #BuyRent .hc2-intro-title { font-size: 17px; }
  #BuyRent .hc2-intro p { font-size: 14px; }
  #BuyRent .hc2-types { grid-template-columns: 1fr; gap: 10px; }
  #BuyRent .hc2-lead { font-size: 14px; margin: 12px 0 4px; }
  #BuyRent .hc2-notfound p,
  #BuyRent .hc2-notfound-links { margin-left: 0; margin-right: 0; }
}