@charset "utf-8";

/* 各種色変更など変更用
 * ========================================================================== */

/**
/* 各種リンク色指定
 * ========================================================================== */
a:link, a:visited, a:hover, a:active { color: #151515;}
.reqBtn { background: #778288/*rgba(0, 38, 98, .9)*/ !important; color: #fff !important;}
.reqBtn * { }
.reqBtn_w { background: #fff !important;border: #252E31 solid 1px !important;}
.resBtn { background: #AF9147/*rgba(0, 38, 98, .9)*/ !important; color: #fff !important;}
.onlineBtn { background: #C9BFA1/*rgba(0, 38, 98, .9)*/ !important; color: #252E31 !important;}
.limitedBtn { background: #fff !important; border: #252E31 solid 1px !important;}
/* ヘッダーコンバージョンボタン */
#nav-contactBtns .reqBtn { background: #AF9147/*rgba(0, 38, 98, .9)*/ !important;}
#nav-contactBtns .resBtn { background: #AF9147/*rgba(0, 38, 98, .9)*/ !important;}
#nav-contactBtns .onlineBtn { background: #C9BFA1/*rgba(0, 38, 98, .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: #AF9147/*rgba(0, 38, 98, .9)*/;}
/*.menu-trigger .line { background-color: #fff;}
.menu-trigger::after { color:#fff !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_B_white.svg);
    width: 276px;
    height: 28px;
}
@media screen and (max-width:1024px) {
    h1 a {
        background-image: url(../../img/logo_B_smp_white.svg);
        width: 91px;
        height: 36px;
    }
}

/**
/* インフォメーションスライダー　背景色　文字色　ドット色
 * ========================================================================== */
#infoArea { background: #252E31 !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: #E8E6E0 !important;}
#actionproposal p { color: #252E31 !important;}
#actionproposal small { font-size: 12px;}
#actionproposal small.mid { font-size: 18px;}
@media screen and (max-width:767px) {
    #actionproposal small { font-size: 10px;}
}

/**
/* 物件セールスポイント　スマホ時スライダー　ドット色
 * ========================================================================== */
/*背景色が濃色の場合や視認性が悪い場合は変更する*/
.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: #000;}
#page-prev-next-btns > a { color: #fff;}
#tel-footer { color: #fff; background: #000;}
#textlink-footer { color: #fff; background: #000;}
.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);}