@charset "utf-8";

/*======================================

	Color CSS -- Public personnel
	Copyright (c) 2019-, PROACTIVE Inc. All rights reserved.

=======================================*/

/*-- Header --*/
@media screen and (max-width: 768px) {
	#top-head {
		border-bottom: 1px solid #04a54c;
	}
	
	#h-nav ul li.h-nav__search {
		background-color: #cdeddb;
	}
}

/*-- Groval Navi --*/
.sub-menu__column > ul > li > a,
.sub-menu__sec {
  background-color: #36b770;
}

@media screen and (min-width: 769px) {
	#global-nav {
		border-bottom: 1px solid #04a54c;
	}
	
	#global-nav > ul > li > a:hover,
	#global-nav > ul > li > a.bg-on,
	.sub-menu {
		background-color: #ebf8f1;
	}
	
	.sub-menu .sub-menu__column.nav-title {
		background-color: #68c994;
	}
}

/*-- Toggle Button --*/
#nav-toggle {
	background-color: #04a54c;
}

@media screen and (max-width: 768px) {
	#nav-menu {
		background-color: #ebf8f1;
	}
	
	#global-nav > ul > li > a.nav-sec.open,
	.sub-menu ul li .sub-menu__sec.open {
		background-color: #d7f1e2;
	}
}

/*-- top-img --*/
#top-img {
    background-color: #FFFAF4;
}
/*-- Footer --*/
footer {
	background-color: #edf9fc;
}

.copy {
	background-color: #04a54c;
}

/*見出しカラー*/
.title--sec1 {
	color: #04a54c;
}

.title--sec2 {
	border-bottom: 1px solid #04a54c;
	background-color: #fcf9f5;
	color: #04a54c;
}

.title--sec3 {
	border-left: 3px solid rgba(6,72,150,0.50);
	color: #064896;
}

.title--sec5 {
	background-color: #fcf9f5;
	color: #064896;
}

/*-- TABLEカラー --*/
.tbl-bdr thead {
	background-color: #E5EBF8;
	color: #214c9e;
}

.tbl-bdr tr th {
	background-color: #E5EBF8;
	color: #214c9e;
}