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

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

　   全体

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

body{
	border-top-color:#80b32f ;
	}


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

　   HEADER

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

#header {
	border-top-color: #008000;
	}


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

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

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

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

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

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

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

　   ページ タイトル

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

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

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

　   見出し

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

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

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

　   MAIN

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

.box_white{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	background-color: #fff;
	padding: 45px 65px;
	margin: 0 auto;
	width: 100%;
	transition: .3s;
	display: flex;
	justify-content: space-between;
	}
.box_white + img{
	float: left;
	}
.box_white > div{
	margin-left: 30px;
	}
.box_white div p{
	font-size: 0.95em;
	color:#604c3f;
}
.box_white .viewmore{
	text-align: left;
	}
.box_white .viewmore a {
	width: 30%;
	padding: 8px 0;
	margin: 7px 0;
	border: 1px solid #ddd;
	color: #777;
	}
.box_white .viewmore a:hover {
	color: #fff;
	background-color: #008000;
	border: 1px solid #008000;
	}
	@media only screen and (max-width: 1200px) {
		.box_white{
			width: 90%;
			}
		}
	@media only screen and (max-width: 1080px) {
		.box_white{
			display:block;
			text-align: center;
			padding: 15px 20px;
			}
		.box_white + img{
			float: none;
			}
		.box_white div{
			margin-top: 20px;
			}
		.box_white > div{
			margin-left: 0;
			}
		.box_white .viewmore{
			text-align: center;
			}
		.box_white .viewmore a {
			width: 75%;
			}
		}
	@media only screen and (max-width: 680px) {
		.ty_hs1{
			width: 100%;
			max-width: 284px;
			height: auto;
			max-height: 199px;
			}
		.ty_hs2{
			width: 100%;
			max-width: 585px;
			height: auto;
			max-height: 60px;
			}
		}
.bnr_odor{
	max-width: 1024px;
	margin: 35px auto 0 auto;
}

.bnr_odor img{
	width: 100%;
	max-width: 1024px;
	height: auto;
	max-height: 200px;
}
	@media only screen and (max-width: 1024px) {
		.bnr_odor{
			margin: 0 auto;
		}
	}
	@media only screen and (max-width: 680px) {
		.bnr_odor{
			overflow: hidden;
		}
		.bnr_odor img{
			width: 150%;
			max-height: auto;
		}
	}
	@media only screen and (max-width: 480px) {
		.bnr_odor{
		}
	}

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

　   事業内容

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

.works{
	background-color: #008000;
	}
.works_detail{
	color: #008000;
	}
.works_detail:hover {
	color: #fff;
	background: #008000;
}

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

　   新着情報

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

.news{
	top: 0;
	}

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


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


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

.i_title a:hover{
	color: #008000;
}

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

　   お問い合わせ先　住所

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

.add_item{
	min-width: 30%;
}
	@media only screen and (max-width: 	980px) {
		.add_item:nth-child(even){
			border-right: solid 1px #bbb;
			}
		.add_item:nth-child(odd){
			padding: 0 20px;
			}
		}
	@media only screen and (max-width: 	820px) {
		.add_item{
			border-bottom: solid 1px #bbb;
			border-right: none;
			padding: 4px 0 7px 0;
			min-width: 100%;
			margin-bottom: 7px;
			line-height: 125%;
			}
		.add_item:first-child,
		.add_item:nth-child(odd){
			padding: 4px 0 7px 0;
			}
		.add_item:last-child{
			border-bottom: none;
			}
		.add_info span{
			font-size: 1.5em;
			}
		.add_item:nth-child(even){
			border-right: none;
			}
		.add_item:nth-child(odd){
			padding: 0 20px 0 0;
			}
		}
/* ---------------------------------------------------------------------------------------------

　   バナー

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

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

　   FOOTER

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

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

.f_ttl_wrap{
	border-color: #008000;
	}


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

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

　   PAGETOP

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

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

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

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

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

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