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

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

　   全体

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

body{
	border-top-color: #3dabb5;
	}


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

　   HEADER

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

#header {
	border-top-color: #3dabb5;
	}


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

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

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

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

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

/*←　お問い合わせ　ボタン　*/
#header .form a {
	background: -webkit-linear-gradient(#3dabb5, #72b5c0);
	background: -o-linear-gradient(#3dabb5, #72b5c0);
	background: linear-gradient(#3dabb5, #72b5c0);
	color: #fff;
	}
nav .form a::after {
	background: #3dabb5;
	}
#header .form a::after {
	background: #3dabb5;
	}

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

　   ページ タイトル

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

.page_ttl{
	background:		url(https://www.erc-co.jp/erc-co/img/pagettl_f.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 #3dabb5;/* 色指定　各css　*/
}
.tex h4 {
	color: #3dabb5;/* 色指定　各css　*/
}
.tex h4:after {
	border-bottom: solid 1px #3dabb5;/* 色指定　各css　*/
}

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

　   MAIN

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

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

　   事業内容

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

.works{
	background-color: #3dabb5;
	}
.works_detail{
	color: #3dabb5;
	}
.works_detail:hover {
	color: #fff;
	background: #72b5c0;
}

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

　   新着情報

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

.news{
	top: 0;
	}

/*タイトル*/
.news h2 span.heading{
	color: #3dabb5;
	border-bottom-color: #72b5c0;
	}
.news h2 span.caption{
	color: #3dabb5;
	border-top-color: #3dabb5;
	}


/*記事*/
.post{
	border-bottom:1px solid #72b5c0;
	}	
.post:first-of-type{
	border-top:1px solid #72b5c0;
	}


/*VIEW MOREボタン*/
.news .viewmore{
	margin-top: 20px;
	}
.news .viewmore a {
	border: 1px solid #72b5c0;
	color: #3dabb5;
	}
.news .viewmore a:hover {
	color: #fff;
	}
.news .viewmore a::before {
	background: #72b5c0;
	}

.i_title a:hover{
	color: #3dabb5;
}

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

　   お問い合わせ先　住所

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

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

　   バナー

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

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

　   FOOTER

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

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

.f_ttl_wrap{
	border-color: #72b5c0;
	}


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

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

　   PAGETOP

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

#page_top a{
	background:url(https://www.erc-co.jp/erc-co/img/pagetop_f.png);
	}

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

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

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

@media(max-width: 800px){
	a[href^="tel:"]{
		color: #3dabb5;
		}
	}