:root {
--themeColor: 				#3674BA;
--themeColorSub: 		#007bbb;	/*紺碧（こんぺき）*/
--menuColor: 				rgba(0,51,153,0.8);	/*	旧色*/
--menuColorFlat: 			#1e50a2;
--menuTxtColor: 			#eaedf7;		/*白菫色（しろすみれいろ）*/	
--menuHovColor: 			#bbc8e6;		/*メニュー文字クリック　淡藤色あわふじいろ*/
--baseColor: 				#f3f3f2;		/*白練（しろねり）*/
--baseColor2: 				#fbfbfb;
--txtColor: 					#373C38;	/*藍墨茶*/
--paperColor: 				#fffffc;		/*胡粉色ごふんいろ*/
--titleColor: 					#727673;	/*藍墨茶70%*/
--onColor: 					#626262;	
--offColor: 					#AEAEAE;	
--markColor: 				#00a3af;		/*小見出しのマーカー 浅葱色*/
--hoverColor: 				#f62e36;		/*丸ノ内線レッド（2014）*/	
--activeColor: 				#ff9500;		/*銀座線オレンジ（2014）*/	
--visitedColor: 				#c1a470;		/*有楽町線ゴールド（2014）*/
--hrColor: 						#abced8;		/*秘色（ひそく）*/
--seminarColor: 			#D0576B;	/*	今様色（いまよういろ）*/

--backHovColor: 			var(--markColor);	
--backActColor: 			var(--offColor);	

/* -----------------光と風*/
--lightColor: 					#67b27D;
--windColor: 					#3698d0;

--shadowBtn: 	drop-shadow(.2rem .2rem .3rem rgba(0,0,0,0.3));
--arcBorder: 		1px dashed #ddd;
--borderRad: 				.3rem;
}


/* -----------------メニュー　背景*/


#menuContainer,
.sub-menu{
background:		var(--menuColor);	/*	旧色*/
}

/* -----------------余白部分　背景*/
body,
#searchInput {
background-color:		var(--baseColor);
}

/* -----------------文字色 */
body,
.nameJ,
#searchInput {
/*color:		#474a4d;	藍墨茶*/
color:		var(--txtColor);	
}
/* -----------------フッター　背景 */
.ftCopy{
background:		var(--txtColor);
}


/* -----------------ドキュメント背景*/
.contentBox,
#toppageContainer,
#mainContainer{
background:			var(--paperColor);	/*胡粉色ごふんいろ*/
}
/* -----------------白抜き文字*/
h2,
#searchBtnArea,
.wpcf7-submit,
.ftCopy{
color:		var(--paperColor);		/*胡粉色ごふんいろ*/
}

/* -----------------リンク*/
#mainContainer a{			color:		blue;		}
#mainContainer a:visited{	color:		var(--visitedColor);		/*有楽町線ゴールド（2014）*/	}
#mainContainer a:hover{		color:		var(--hoverColor);		/*丸ノ内線レッド（2014）*/		}
#mainContainer a:active{		color:		var(--activeColor);		/*銀座線オレンジ（2014）*/		}

/* -----------------法人様向け業務内容 */
.fieldTab label:hover {	color:		var(--backHovColor);	}
.fieldTab label:active{	color:		var(--backActColor);		}

/* -----------------メニュー文字*/
.menu-item a{			color:		var(--menuTxtColor);		/*メニュー文字　白菫色しろすみれいろ*/	}
.menu-item a:hover{	color:		#fff;									/*メニュー文字マウスアップ*/	}
.menu-item a:active{	color:		var(--menuHovColor);		/*メニュー文字クリック　淡藤色あわふじいろ　→212行目*/	}

h1{
color:	var(--titleColor);	/*藍墨茶70%*/
}
/* -----------------ご挨拶の罫線 */
div.h1Line{
background: var(--titleColor);	/*藍墨茶70%*/
}

/* -----------------見出し　色帯*/
h2{
background:			var(--themeColorSub);	/*紺碧（こんぺき）*/
}

#searchBtnArea,
.wpcf7-submit{
background:			var(--themeColorSub);	/*紺碧（こんぺき）*/		/*必須入力項目、送信ボタン*/
}
/* -----------------左マーカー*/
.newsTitle,
.nameGroup,/*弁護士紹介*/
.itemTitle,
.addressTitle{	
border-left-color:		var(--markColor);	/*浅葱色 あさぎいろ*/
}
ul li::marker{
color:	var(--markColor); 
}
ol li::marker{
}
/* -----------------弁護士紹介　区切り線*/
.careerHr,
.itemSplitHr{
border-bottom-color:		var(--hrColor);		/*秘色（ひそく）*/
}
/* -----------------セミナー　左マーカー*/
/* -----------------セミナースケジュール*/
.isSeminar{
border-left-color:		var(--seminarColor);	/*	今様色（いまよういろ）*/
}
.schedule{
background: 		var(--seminarColor);
}
.news li::marker{
color:	var(--seminarColor);
}
.paper,
.shadow{
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.15));
}
/* -----------------光と風*/
.light{
color:	var(--lightColor);
}
.wind{
color:	var(--windColor);
}