@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------

　   全体

--------------------------------------------------------------------------------------------- */

body{
	border-top-color: #122cc1;
	}


/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */

#header {
	border-top-color: #122cc1;
	}


ul.m_group li::before{/*　←グループ企業 リンクアイコン */
	color: #122cc1;
	}

#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {/*　PC　メニュー文字hover*/
    color: #bfd0ff;
	}

nav li a {/*　←1階層目メニューの文字 */
	color: #122cc1;
	}
nav .sub-menu,.mean-container .mean-nav ul ul {
	background: #fff;
	background: -webkit-linear-gradient(#122cc1, #1774d9);
	background: -o-linear-gradient(#122cc1, #1774d9);
	background: linear-gradient(#122cc1, #1774d9);/*　←プルダウンメニュー背景色（PC・スマホ共通） */
	}

.meanmenu-reveal:after {/*　← ハンバーガーメニュー　menu文字 */
	color: #122cc1;
	}
.meanmenu-reveal span:nth-of-type(1) {/*　← ハンバーガーメニューボタンの色 */
  top: 0;
  background: #122cc1;
	}
.meanmenu-reveal span:nth-of-type(2) {
  top: 8px;
  background: #122cc1;
	}
.meanmenu-reveal span:nth-of-type(3) {
  top: 16px;
  background: #122cc1;
	}

.mean-container .mean-nav ul li a{
	color:#122cc1;/*←　スマホ　メニュー1階層目　文字色　*/
	}
.mean-container .mean-nav ul li a.mean-expand{/*　←スマホ　メニュー　＋ボタンの色 */
	color: #122cc1;
	}


#header .form a {
	background: -webkit-linear-gradient(#122cc1, #1774d9);
	background: -o-linear-gradient(#122cc1, #1774d9);
	background: linear-gradient(#122cc1, #1774d9);
	color: #fff;
	}
nav .form a::after {
	background: #122cc1;
	}
#header .form a::after {
	background: #122cc1;
	}

/* ---------------------------------------------------------------------------------------------

　   ページ タイトル

--------------------------------------------------------------------------------------------- */

.page_ttl{
	background:		url(https://www.erc-co.jp/erc-co/img/pagettl.jpg) no-repeat center center;
	}
.page_ttl h2{
	text-shadow:0px 0px 3px #1B70CC,
				0px 0px 5px #1B70CC,
				0px 0px 7px #1B70CC,
				0px 0px 9px #1B70CC,
				0px 0px 11px #1B70CC;
	}

/* ---------------------------------------------------------------------------------------------

　   見出し

--------------------------------------------------------------------------------------------- */

.tex h3 {
	border-left: solid 3px #122cc1;/* 色指定　各css　*/
}
.tex h4 {
	color: #122cc1;/* 色指定　各css　*/
}
.tex h4:after {
	border-bottom: solid 1px #122cc1;/* 色指定　各css　*/
}

/* ---------------------------------------------------------------------------------------------

　   TOPページ

--------------------------------------------------------------------------------------------- */

/*トップメッセージ*/
.message .viewmore a {
	border: 1px solid #fff;
	color: #fff;
	}
.message .viewmore a:hover {
	color: #6fba2c;
	}
.message .viewmore a::before {
	background: #fff;
	}
	@media only screen and (max-width: 680px) {
		.message .viewmore a {
			margin-top: 7px;
			width: 80%;
			}
		}


/* ---------------------------------------------------------------------------------------------

　   メッセージ

--------------------------------------------------------------------------------------------- */
.top{
	background: url(../img/group_message_bg.jpg) no-repeat center center;
	width: 90%;
	max-width: 1000px;
	min-height: 280px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	font-weight: 400;
	color: #fff;
	text-align: center;
	position: relative;
	top: -35px;
	-webkit-filter: drop-shadow(0px 3px 7px rgba(0,0,0,.3));
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,.3));
	z-index: 10000;
	}
.top h3{
	font-size: 1.5em;
	margin-bottom: 20px;
	}
.top p{
	line-height: 150%;
	}
	@media only screen and (max-width: 800px) {
		.top{
			background-size: cover;
			width: 100%;
			min-height: 100px;
			margin:0 auto 0 auto;
			padding: 18px 20px 5px 20px;
			top: 0;
			}
		.top h3{
			font-size: 1.3em;
			margin-bottom: 5px;
			}
		.top p{
			font-size: 0.9em;
			line-height: 150%;
			}
		}


/*ERCグループ企業*/

.desc{
	background: url(../img/grouplist_bg.jpg) no-repeat top;
	position: relative;
	top: -120px;
	padding: 80px 0 30px 0;
}
.desc_wrap{
	width: 100%;
	max-width: 910px;
	margin: 0 auto;
}
.desc_item{
	float: left;
	width: 48%;
	max-width: 420px;
	background-color: #fff;
	text-align: center;
	margin: 0 0 50px 0;
	-webkit-filter: drop-shadow(0px 3px 7px rgba(0,0,0,.3));
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,.3));
}
.desc_item:nth-child(even){
	float: right;
}
.desc_detail{
	padding-bottom: 32px;
}

.desc_detail img{
	width: 100%;
	height: auto;
	margin-bottom: 32px;
}
.desc_detail h3{
	font-size: 1.25em;
	line-height: 130%;
}
.desc_detail p{
	font-size: 0.9em;
	font-weight: 400;
	line-height: 160%;
	margin: 8px 0 18px 0;
}

.desc h2 span.heading{/*h2タイトル*/
	color: #fff;
	border-bottom-color: #1774d9;
}
.desc h2 span.caption{
	color: #59dcf9;
	border-top-color: #59dcf9;
}
.pc_hidden{
	display: none;
	}
	@media only screen and (max-width: 940px) {
		.desc{
			top: -10px;
			padding: 30px 0 30px 0;
		}
		.desc_wrap{
			width: 90%;
			}
		.desc_detail p{
			font-size: 0.8em;
			}
		}
	@media only screen and (max-width: 800px) {
		.desc_item{
			height: 500px;
			}
		}
	@media only screen and (max-width: 680px) {
		.desc{
			background-size: cover;
			top: 0;
			padding: 0 0 30px 0;
			}
		.desc_item{
			height: auto;
			float: none;
			width: 94%;
			margin: 0 auto 50px auto;
			}
		.desc_item:nth-child(even){
			float: none;
			}
		.desc_detail p{
			font-size: 0.9em;
			}
		.pc_hidden{
			display:none!important;
			}
		}


/*ボタン*/
.desc .viewmore a{/*共通*/
	width: 75%;
	padding: 10px 0;
	margin: 0 auto;
}
.desc .viewmore a:hover {
	color: #fff;
	}



/*アース*/
.d_earth h3{
	color: #2ea7e0;
}
.d_earth .viewmore a{
	border: 1px solid #9ad2ee;
	color: #2ea7e0;
}
.d_earth .viewmore a::before {
	background: #2ea7e0;
	}



/*湯浅*/
.d_ts_yuasa h3{
	color: #f8b62d;
}
.d_ts_yuasa .viewmore a{
	border: 1px solid #fad99e;
	color: #f8b62d;
}
.d_ts_yuasa .viewmore a::before {
	background: #f8b62d;
	}



/*erc福井*/
.d_erc_fukui h3{
	color: #3dbbc5;
}
.d_erc_fukui .viewmore a{
	border: 1px solid #a1dce0;
	color: #3dbbc5;
}
.d_erc_fukui .viewmore a::before {
	background: #3dbbc5;
	}


/*アグリトープ*/
.d_agritope h3{
	color: #8fc31f;
}
.d_agritope .viewmore a{
	border: 1px solid #c6df98;
	color: #8fc31f;
}
.d_agritope .viewmore a::before {
	background: #8fc31f;
	}








/*お知らせ*/
.news h2 span.heading{
	color: #999;
	border-bottom-color: #aaa;
}
.news h2 span.caption{
	color: #777;
	border-top-color: #777;
}
.news .viewmore{
	margin-top: 20px;
}


/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */

/*-- フッター全体 --*/
.footer{
	background: #122cc1;
	}

.f_ttl_wrap{
	border-color: #1774d9;
	}


/*-- コピーライト --*/
.copy{
	border-color: #1774d9
	}

/* ---------------------------------------------------------------------------------------------

　   スマホのみで電話発信（PCで無効）

--------------------------------------------------------------------------------------------- */

@media(min-width: 800px){
	a[href^="tel:"]{
		color: #122cc1;
		}
	}