@charset "utf-8";

/* ============================== */
/* LP専用CSS */
/* ============================== */

/* ------------------------------ */
/* キャンペーン用CTA 202512 */
/* ------------------------------ */
/* CTAが下に重なるため調整 */
/* .p-consultation__fv-inner,
.p-consultation__plus-inner{
  position: relative;
  z-index: 1;
}
.p-consultation__cp-cta{
  position: relative;
  z-index: 2;
  width: fit-content;
  margin: 0 auto;
}

.p-consultation__cp-cta a:hover{
  opacity: 0.7;
}
.p-consultation__cp-cta-ttl{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: clamp(16px, 4vw, 24px);
  font-weight: 700;
  line-height: 1.4;
}
.p-consultation__cp-cta-black {
  position: relative;
  z-index: -1;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: var(--color_white);
  text-shadow: 0 5px 5px rgba(5, 70, 155, 0.7);
}
.p-consultation__cp-cta-black::after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  color: var(--color_black);
  text-shadow: none;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  top: 0;
  left: 0;
}
.p-consultation__cp-cta-gold {
  position: relative;
  z-index: -1;
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: var(--color_white);
  text-shadow: 0 5px 5px rgba(5, 71, 155, 0.60);
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.p-consultation__cp-cta-gold::after {
  content: attr(data-text);
  position: absolute;
  z-index: 1;
  background: linear-gradient(180deg, #D7A75C 18.27%, #996B30 37.98%, #C7944B 61.54%, #A9772A 92.79%);
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: none;
  -webkit-text-stroke-width: 0;
  -webkit-text-stroke-color: transparent;
  top: 0;
  left: 0;
}
.p-consultation__cp-cta-s_txt{
  background-color: var(--color_lp-blue-d);
  color: var(--color_white);
  font-size: var(--font-size_13);
  font-weight: 500;
  display: table;
  padding: 0 15px 0 20px;
  border-radius: 50px;
  margin: 5px 0 0 auto;
  line-height: 2;
}
ul .p-consultation__cp-cta{
  margin-top: 20px;
  margin-bottom: 20px;
} */

/* 追従CTA調整（キャンペーン中 ボタン無し） */
/* .p-apartment__bottom-campaign-inner.__normal::before {
  background-image: url(../img/lp/apartment/fixed-cta-cp_pc01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: -10px;
}
.p-consultation__bottom-campaign-inner::before, .p-apartment__bottom-campaign-inner::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
}
@media (max-width: 1199px) {
  .p-consultation__bottom-campaign::before, .p-apartment__bottom-campaign::before {
    height: 100%;
    top: 0;
  }
  .p-apartment__bottom-campaign-inner.__normal::before {
    background-image: url(../img/lp/apartment/fixed-cta-cp_sp01.webp);
    background-position: center;
  }
  .p-apartment__bottom-campaign-inner.__normal::before, .p-consultation__bottom-campaign-inner::before, .p-apartment__bottom-campaign-inner::before {
    top: 10px;
    left: -40px;
    width: 85%;
    height: 110px;
   }
}
@media (max-width: 599px) {
  .p-consultation__bottom-campaign, .p-apartment__bottom-campaign {
    height: 80px;
  }
  .p-apartment__bottom-campaign-inner.__normal::before, .p-consultation__bottom-campaign-inner::before, .p-apartment__bottom-campaign-inner::before {
    top: 10px;
    left: 0;
    width: 100%;
    height: 60px;
  }
}
 */

/* ============================== */
/* style.cssの記述のクラスと混合（上書き）
   いずれ整理したときに合体？ */
/* ============================== */

/* ------------------------------ */
/* 管理対象の地域 */
/* ------------------------------ */
.p-consultation__area-table-right::before {
  height: 150px;
}