@charset "utf-8";

/* 各種色変更など変更用
 * ========================================================================== */
 #wrapper {
  background: var(--background-base);
}
body :where(#wrapper *:not(.lato, .notoSansJP)) {
  font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
  font-weight: 400;
  font-style: normal;
}
 #cv-limited > div {
  max-width: 658px;
  width: 100%;
  margin-inline: auto;
}

#caption {
  padding: 0;
  padding-block: 60px;
  margin: 0;
  max-width: none;
  background: #fff;
}
.caption-inner {
  width: 100%;
  max-width: 1360px;
  margin-inline: auto;
  padding: 0 20px;
}
.caption {
  /* color: #999999; */
  color: #666666;
	font-weight: 400;
	letter-spacing: 0.05em;
	/* line-height: 2.36363636; */
	line-height: 1.75;
  font-style: normal;
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .caption {
    font-size: 10px;
    line-height: 1.875;
  }
}

#gnav .inner > ul > li a .en::before {
  bottom: 1px;
}
#gnav .inner > ul > li a .en::after {
  bottom: 1px;
}

/**
/* 各種リンク色指定
 * ========================================================================== */
a:link, a:visited, a:hover, a:active { color: #151515;}
.reqBtn { background: #a9906f !important; color: #fff !important}
.resBtn { background: #002662 !important; color: #fff !important}
.onlineBtn { background: #002662 !important; color: #fff !important}
.limitedBtn { background: #fff !important; border: #002662 solid 1px !important;}
/* ヘッダーコンバージョンボタン */
/* #nav-contactBtns .reqBtn { background: rgba(84, 111, 36, .9) !important;} */
#nav-contactBtns .resBtn { background: rgba(84, 111, 36, .9) !important;}
#nav-contactBtns .onlineBtn { background: rgba(84, 111, 36, .9) !important;}

/**
/* ヘッダー
 * ========================================================================== */
header::before {
/*BRANZBLUE
	background-image: url("../../img/header-bg-BRANZBLUE.png");*/
/*DARKBROWN
	background-image: url("../../img/header-bg-DARKBROWN.png");*/
/*BLACK
	background-image: url("../../img/header-bg-BLACK.png");*/
/*WHITE*/
	background-image: url("../../img/header-bg-WHITE.png");
/*BLUE
	background-image: url("../../img/header-bg-BLUE.png");*/
/*LIGHTBLUE
	background-image: url("../../img/header-bg-LIGHTBLUE.png");*/
/*BLUEGREEN
	background-image: url("../../img/header-bg-BLUEGREEN.png");*/
/*LIGHTBROWN
	background-image: url("../../img/header-bg-LIGHTBROWN.png");*/
/*GRAY
	background-image: url("../../img/header-bg-GRAY.png");*/
}
#gnav .inner .cv-wrap a,
#gnav .inner .cv-wrap .contact { color:#fff; background: #002662;}
.menu-trigger .line { background-color: #000;}
.menu-trigger::after { color:#000 !important;}

/**
/* ヘッダーお問い合わせ・インフォメーションエリア　電話番号アイコン
 * ========================================================================== */
/*背景色が濃色の場合やアイコン変更が必要な場合は変更する*/
.tel-link .tel-num a::before { background: url(../../img/icon-tel-black.svg) no-repeat center center;}

/**
/* ロゴ
 * ========================================================================== */
/*ロゴを変更する場合下記を調整*/
h1 a {
    background-image: url(../../img/logo_BT.svg);
    width: 340px;
    height: 28px;
}
@media screen and (max-width:1024px) {
    h1 a {
        background-image: url(../../img/logo_BT_smp.svg);
        width: 120px;
        height: 54px;
    }
}

/**
/* インフォメーションスライダー　背景色　文字色　ドット色
 * ========================================================================== */
#infoArea { background: #000 !important; color: #fff;}
#infoArea .slick-dots li button { background: rgba(255,255,255,.4);}
#infoArea .slick-dots li.slick-active button { background: rgba(255,255,255,1);}

/**
/* 行動提起　背景色　文字色
 * ========================================================================== */
#actionproposal { background: var(--color-medium) !important;}
#actionproposal p { color: #fff !important;}

/**
/* 物件セールスポイント　スマホ時スライダー　ドット色
 * ========================================================================== */
/*背景色が濃色の場合や視認性が悪い場合は変更する*/
.meritItems .slick-dots li button:before { color: #000 !important;}
.meritItems .slick-dots li.slick-active button:before {  color: #000 !important;}

/**
/* フッター　各種背景色　文字色
 * ========================================================================== */
#page-prev-next-btns { background: var(--color-medium);}
#page-prev-next-btns > a { color: #fff; background: none;}
#tel-footer { color: #fff; background: var(--base-color);}
#textlink-footer { color: #fff; background: var(--base-color);margin-top: 0;border-top: solid 1px #666666;}
.other-links a { color: #fff;}

/**
/* フッター　コンバージョンボタン
 * ========================================================================== */
/*限定サイトボタンがない場合は　justify-content: center;　とする*/
#cv-limited { justify-content: space-between;}

/**
/* フッター　電話番号アイコン
 * ========================================================================== */
/*フッター背景色が淡色の場合やアイコン変更が必要な場合は変更する*/
#tel-footer .tel-link .tel-num a::before { background-image: url(../../img/icon-tel-white.svg);}

/**
/* フッター　デベロッパーロゴ
 * ========================================================================== */
#corpotation_link ul li {
	margin: 0 1%;
}
@media screen and (max-width: 619px){
	#corpotation_link ul {
		flex-wrap: wrap;
		gap: 16px 0;
	}
	#corpotation_link ul li {
		width: 100%;
		margin: 0;
	}
  #corpotation_link ul li img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
}