@charset "utf-8";

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

/**
/* 各種リンク色指定
 * ========================================================================== */
a:link, a:visited, a:hover, a:active { color: #151515;}
.reqBtn { background: #aa8958 !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(0, 38, 98, .9) !important;}
#nav-contactBtns .resBtn { background: rgba(0, 38, 98, .9) !important;}
#nav-contactBtns .onlineBtn { background: 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: #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_B.svg);
    width: 290px;
	  height: 30px;
}
@media screen and (max-width:1024px) {
    h1 a {
        background-image: url(../../img/logo_B_smp.svg);
        width: 110px;
        height: auto;
        aspect-ratio: 90 / 33;
    }
}

/**
/* インフォメーションスライダー　背景色　文字色　ドット色
 * ========================================================================== */
#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: #f2f2f2 !important;}
#actionproposal p { color: #000 !important;}
#actionproposal div + div {border-color: #b3b3b3 !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: #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);}