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

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

　   全体

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

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

　   HEADER

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

#header {
	border-top-color: #2c92cc;
	}


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

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

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

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

.mean-container .mean-nav ul{
	overflow-y: scroll;/*←　スマホ　スクロール表示　*/
}
.mean-container .mean-nav ul li a{
	color:#2c92cc;/*←　スマホ　メニュー1階層目　文字色　*/
	}
.mean-container .mean-nav ul li a.mean-expand{/*　←スマホ　メニュー　＋ボタンの色 */
	color: #2c92cc;
	}

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

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

　   ページ タイトル

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

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


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

　   MAIN

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

.message{
	background: url(https://www.erc-co.jp/erc-co/img/earth_message_bg.png) no-repeat center top;
}
.message_wrap{
	width: 100%;
	max-width: 1000px;
	height: 1020px;
	margin: 0 auto;
	padding: 170px 0;
}
.message .box_white{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	width: 450px;
	background: #fff;
	color: #2c92cc;
	padding: 50px;
	position: relative;
	z-index: 999;
	float: right;
}
.message .box_white h3{
	font-size: 1.7em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom:solid 1px #59c8e5;
}
.message .box_white p{
	font-size: 0.95em;
}
.message_img1{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	position: relative;
	top: -250px;
	z-index: 99;
}
.message_img2{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	position: relative;
	top: -270px;
	right: -380px;
	z-index: 9;
}
	@media only screen and (max-width: 1000px) {
		.message{
			background-size: contain;
			}
		.message_wrap{
			width: 90%;
			padding: 145px 0;
			}
		.message .box_white{
			width: 82%;
			padding: 40px;
			margin: 0 auto;
			}
		.message_img1{
			top: -10px;
			}
		.message_img2{
			top: -70px;
			right: -380px;
			}
		}
	@media only screen and (max-width: 800px) {
		.message_wrap{
			height: 740px;
			padding: 110px 0 0 0;
			text-align: center;
			}
		.message .box_white{
			text-align: center;
			width: 90%;
			padding: 20px;
			float: none;
			}
		.message .box_white h3{
			margin-bottom: 10px;
			padding-bottom: 10px;
			}
		.message_img1{
			top: -10px;
			width: 100%;
			height: auto;
			}
		.message_img2{
			display: none;
			}
		}
	@media only screen and (max-width: 680px) {
		.message{
			background-size: 130%;
			}
		.message_wrap{
			width: 	100%;
			}
		.message_wrap{
			height: 540px;
			padding: 60px 0 0 0;
			}
		.message_img1{
			top: 20px;
			width: 100%;
			height: auto;
			}
		.message .box_white{
			padding: 20px 12px;
			}
		.message .box_white h3{
			font-size: 1.4em;
			}
		.message .box_white p{
			font-size: 0.85em;
			}
		}


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

　   事業内容

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

.works{
	background-color: #2c92cc;
	}
.works_detail{
	color: #2c92cc;
	}
.works_detail:hover {
	color: #fff;
	background: #59c8e5;
}

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

　   新着情報

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

.news{
	top: 0;
	}

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


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


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

.i_title a:hover{
	color: #2c92cc;
}

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

　   お問い合わせ先　住所

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

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

　   バナー

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

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

　   FOOTER

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

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

.f_ttl_wrap{
	border-color: #59c8e5;
	}


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

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

　   PAGETOP

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

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

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

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

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

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