@charset "utf-8";


/* from cmn_layout.css */

@media screen and (min-width: 769px) {
	.wrapperIn.cover{
		transform:none;
	}
}

/*
	in header.
*/
header#header{
	width:auto;
	height:auto;
	margin:auto;
	padding-bottom:10px;
	position:static;
	background:white;
	font-size:12px;
}
header *{
	box-sizing:border-box;
}
header img{
	vertical-align:top;
}
header .global-headerInWrap{
	position:relative;
	color:#000000;
	width:980px;
	margin:0 auto;
	
}
header .global-headerInWrap:after{
	content:"";
	display:block;
	clear:both;
	overflow:hidden;
}

header .global-headerInWrap p{
	float:left;
	margin:0;
	padding:16px 0 0;
	line-height:30px;
	color:#da2027;
	font-weight:bold;
	font-size:12px;
}
header .global-headerInWrap p a{
	margin-right:2em;
	margin-left:0;
}

header .global-headerInWrap .toBiz{
	float:left;
	margin:0;
	padding:16px 0 0 10px;
	margin-left:16px;
	line-height:30px;
	color:#333;
	font-weight:bold;
	font-size:12px;
}
header .global-headerInWrap .toBiz:before{
	content:url(/images/hf/mark_tobiz.png);
	position:relative;
	left:-7px;
}

header .global-headerInWrap a, header .global-headerInWrap a:visited{
	color:inherit;
	text-decoration:none;
	margin-left:20px;
}

header .global-headerInWrap a:hover{
	text-decoration:underline;
}


header .global-headerContactBox{
	float:right;
	margin-top:12px;
}
header .global-headerContactBox img{
	margin-top:4px;
}
header .global-headerContactBox > a:nth-child(1), header .global-headerContactBox > a:nth-child(2){
	vertical-align:top;
	position:relative;
	top:10px;
	display:inline-block;
}
header .global-headerContactBox > a:nth-child(1):before, header .global-headerContactBox > a:nth-child(2):before{
	content:"";
	display:block;
	background:url(/images/hf/mark_tobiz.png) no-repeat;
	position:absolute;
	width:5px;
	height:9px;
	left:-10px;
	top:50%;
	margin-top:-4px;
}

header .global-gNaviSpBtn{
	display:none;
}


/*
	in siteSearch.
*/

header .siteSearch{
	display:inline-block;
	min-height:23px;
}
header .siteSearch .mf_finder_searchBox{
	margin-right:0;
}
header .siteSearch .mf_finder_searchBox_items{
	padding:0;
	background-color:#eeeeee;
	width:215px;
	border-radius:3px;
}
header .siteSearch .mf_finder_searchBox_query_input{
	font-size:100%;
	background:none;
	border:none;
	padding:6px;
}

header .siteSearch .mf_finder_searchBox_submit{
	text-indent:-9999px;
	background:transparent;
	background:url(/images/hf/icon_search.png) center no-repeat;
	width:32px;
	height:32px;
}

header .siteSearch .mf_finder_searchBox_suggest_items {
	background-color:rgba(255,255,255,.8);
}

header .siteSearch .mf_finder_searchBox_suggest_item a {
	color:black;
}
header .siteSearch .mf_finder_searchBox_suggest_item_cur {
	background-color:rgba(253,239,229,.8);
}
header .siteSearch .spSearch, header .siteSearch .spSearchClose{
	display:none;
}

/*
	in global-gNavi.
*/
@media screen and (min-width: 769px) {
	#global-gNaviSp{
		display:none !important;
	}
}
#global-gNavi{
	position:relative;
	background:white;
	font-size:12px;
}
#global-gNavi *{
	box-sizing:border-box;
}
#global-gNavi img{
	vertical-align:top;
}
#global-gNavi > ul{
	width:980px;
	margin:auto;
}
#global-gNavi > ul:after{
	content:"";
	display:block;
	clear:both;
}

#global-gNavi > ul > li{
	width:245px;
	font-weight:bold;
	float:left;
	text-align:center;
	border-right:1px solid #d8d8d8;
	display:table;
	table-layout:fixed;
}
#global-gNavi > ul > li.wide{
}
#global-gNavi > ul > li.narrow{
}
#global-gNavi > ul > li.wide a, #global-gNavi > ul > li.narrow a{
}

#global-gNavi > ul > li > a{
	font-size:133.4%;
}
#global-gNavi > ul > li > a span{
	font-size:75%;
	display:block;
}

/* only home start*/
#global-gNavi.home > ul > li{
	width:149px;
}
#global-gNavi.home > ul > li:first-child{
	width:86px;
}
/* only home end*/

#global-gNavi > ul > li:first-child{
	border-left:1px solid #d8d8d8;
}

#global-gNavi > ul > li > a{
	display:block;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	line-height:1.2em;
	height:50px;
}

#global-gNavi > ul > li > a:hover, #global-gNavi > ul > li > a.current{
	background-color:#fdefe5;
}



#global-gNavi > ul > li > a, #global-gNavi > ul > li > a:visited{
	color:inherit;
	text-decoration:none;
}


/*
	in goPageTop.
*/

.goPageTop{
	text-align:center;
	padding:20px 0;
	margin-top:0;
	margin-bottom:0;
}

/*
	in footer.
*/
footer{
	background-color:#505050;
}
footer *{
	box-sizing:border-box;
}

footer .siteLinkList{
	width:980px;
	margin:auto;
	padding:40px 0;
}

footer .siteLinkList > li{
	border-right:1px dotted #676767;
	padding-left:18px;
}

footer .siteLinkList > li:last-child{
	border:none;
}

footer .siteLinkList dt{
	font-size:16px;
}

#footerBottom{
	background-color:white;
}

#footerBottom .footerBottomInner{
	width:980px;
	margin:auto;
	padding:25px 0;
	overflow:hidden;
}

#footerBottom .footerLinkList{
	float:left;
	margin-top:12px;
}
#footerBottom .footerLinkList:after{
	content:"";
	display:block;
	clear:both;
}
#footerBottom .footerLinkList li{
	float:left;
	position:relative;
	padding:0 15px;
}

#footerBottom .footerLinkList li:before{
	content:"";
	display:block;
	width:1px;
	height:11px;
	background-color:#707070;
	position:absolute;
	top:5px;
	left:0;
}

#footerBottom .footerLinkList li:first-child{
	padding-left:0;
}
#footerBottom .footerLinkList li:first-child:before{
	content:none;
}

#footerBottom .footerLinkList a{
	text-decoration:none;
	color:#707070;
}
#footerBottom .footerLinkList a:hover{
	text-decoration:underline;
}

#footerBottom .footerSocialLinkList{
	overflow:hidden;
	float:right;
}
#footerBottom .footerSocialLinkList > *{
	display:table-cell;
	vertical-align:middle;
}

#footerBottom .footerSocialLinkList dt{
	padding-right:20px;
}
#footerBottom .footerSocialLinkList dd{
	padding-left:13px;
}
#footerBottom .footerSocialLinkList img{
	width:41px;
	height:auto;
}

/*
	in siteLinkList.
*/

.siteLinkList{
	overflow:hidden;
	color:white;
	font-size:12px;
	text-align:left;
	font-weight:normal;
}
.siteLinkList > li{
	width:25%;
	float:left;
}


.siteLinkList a{
	text-decoration:none;
	color:inherit;
}

.siteLinkList a:visited{
	color:inherit;
}
.siteLinkList a:hover{
	text-decoration:underline;
}

.siteLinkList dt{
	font-size:18px;
	line-height:1em;
	margin-bottom:9px;
}

.siteLinkList dd{
	margin-left:0.8em;
	line-height:1.2em;
	margin-bottom:8px;
}


.siteLinkList dl{
	margin-bottom:20px;
}


footer .subLinkList{
	width:980px;
	margin:auto;
	border-top:1px dotted #676767;
	padding:40px 0;
	overflow:hidden;
}
footer .subLinkList li{
	float:left;
	width:235px;
	margin-right:13px;
	margin-bottom:14px;
	display:table;
	table-layout:fixed;
}

footer .subLinkList li:nth-child(4n){
	margin-right:0;
}
footer .subLinkList li a{
	width:100%;
	padding:0 0 0 58px;
	height:66px;
	font-size:116.7%;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	color:white;
	text-decoration:none;
	border:1px solid #797979;
	position:relative;
}
footer .subLinkList li a:hover{
	background-color:#666666;
}

footer .subLinkList li img{
	position:absolute;
	left:20px;
	top:18px;
}

/*
	in gNaviSp.
*/
#gNaviSp {
	display: none;
}

/*
	in toTop.
*/
#toTop{
	position:fixed;
	right:0;
	bottom:0;
	z-index:200;
	margin-right:20px;
	margin-bottom:20px;
	outline: none;
}

@media screen and (max-width: 768px) {
	/*
		in header.
	*/
	header#header{
		width:auto;
		margin:0;
		padding-bottom:0;
		border-bottom:1px solid #e0e0e0;
	}
	
	header .global-headerInWrap{
		display:table;
		width:100%;
		height:62px;
	}
	
	header .global-headerInWrap p{
		margin:0 8px;
		font-size:100%;
		height:62px;
		display:block;
		vertical-align:middle;
		float:none;
	}
	header .global-headerInWrap p a{
		margin-left:10px;
		margin-right:1em;
	}
	
	header .global-headerInWrap p img{
		height:40px;
		width:auto;
		vertical-align:middle;
	}
	header .global-headerInWrap .toBiz{
		display:none;
	}

	header .global-headerContactBox{
		position:relative;
		margin-top:0;
		float:none;
	}
	header .global-headerContactBox > a{
		display:none !important;
	}
	
	header .siteSearch{
		display:block;
		width:100%;
		min-height:0;
	}
	
	header .siteSearch .spSearch{
		display:inline;
		position:absolute;
		right:80px;
		top:-40px;
		cursor:pointer;
	}
	header .siteSearch .searchBox{
		padding:0;
		height:0;
		overflow:hidden;
		transition: height 0.3s ease-out, padding 0.3s ease-out;
	}
	header .siteSearch.open .searchBox{
		padding-top:60px;
		padding-bottom:20px;
		height:auto;
		overflow:visible;
	}
	header .siteSearch .mf_finder_searchBox_items{
		width:100%;
	}
	header .siteSearch .spSearchClose{
		position:absolute;
		right:1rem;
		top:5px;
		cursor:pointer;
		display:none;
	}
	header .siteSearch.open .spSearchClose{
		display:inline;
	}
	
	header .global-gNaviSpBtn{
		position:absolute;
		right:0;
		top:0;
		display:inline;
		border-bottom:none;
	}
	
	/*
		in global-gNavi.
		in global-gNaviSp.
	*/
	#global-gNavi{
		display:none;
	}
	.global-gNaviSpBtn img{
		width:62px;
		height:auto;
	}
	
	#global-gNaviSp{
		font-size:183.4%;
		font-weight:bold;
		display:none;
	}
	#global-gNaviSp li{
		border-bottom:1px solid #e0e0e0;
	}
	#global-gNaviSp li a{
		display:block;
		padding:0.7em;
		color:#666666;
		text-decoration:none;
	}
	
	#global-gNaviSp li a:hover{
		background-color:#fdefe5;
	}
	
	#global-gNaviSp li a img{
		height:1.2em;
		width:auto;
	}
	
	/*
		in gNaviSp.
	*/
	#gNaviSp {
		display: block;
	}
	
	.spNaviList{
		width: 85.3333%;
		position: absolute;
		right: 0;
		top: 0;
		background: white;
		width: 100%;
		height: 100%;
		z-index: 999;
		border-left: solid 1px #eb6100;
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transition: ease 0.3s;
		-webkit-transition: ease 0.3s;
		-moz-transition: ease 0.3s;
		-ms-transition: ease 0.3s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		font-size: 16px;
		box-shadow:4px 4px 6px 3px #d2d1d3 inset;
		-moz-box-shadow:4px 4px 6px 3px #d2d1d3 inset;
		-webkit-box-shadow:4px 4px 6px 3px #d2d1d3 inset;
	}
	
	.spNaviList > ul > li {
		border-bottom:1px dotted #e0e0e0;
	}
	.spNaviList > ul > li > a {
		text-decoration: none;
		color: #666666;
		display: block;
		padding: 14px 0 14px 19px;
		background: url(/images/hf/mark_arrow_right.png) 80% center no-repeat;
	}
	.spNaviList ul.subNav{
		border-top:20px solid #e0e0e0;
	}
	.spNaviList ul.subNav li > a {
		padding-left:55px;
		position:relative;
	}
	.spNaviList ul.subNav li > a:before{
		content:"";
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		top:50%;
		left:20px;
		margin-top:-10px;
	}
	.spNaviList ul.subNav.subNavList li:nth-child(1) > a:before{
		background:url(~/media/41436833C5604C8D98B0E7D069A1591D.ashx) center no-repeat;
	}
	.spNaviList ul.subNav.subNavList li:nth-child(2) > a:before{
		background:url(~/media/27F8FD58C45E4760864CDC4529F38F09.ashx) center no-repeat;
	}
	.spNaviList ul.subNav.energyNavList li:nth-child(1) > a:before{
		background:url(~/media/79957BED3E6D4484A8B1FBC90B3537C7.ashx) center no-repeat;
	}
	.spNaviList ul.subNav.energyNavList li:nth-child(2) > a:before{
		background:url(~/media/42C1688D2AA84528802313EAE3DC5932.ashx) center no-repeat;
	}
	.spNaviList ul.subNav.energyNavList li:nth-child(3) > a:before{
		background:url(~/media/D1EC28C14650484B96E0B4DC46D77009.ashx) center no-repeat;
	}	
	
	/*
		in footer.
	*/
	
	footer .siteLinkList ,footer .subLinkList{
		display:none;
	}
	
	
	#footerBottom .footerBottomInner{
		width:auto;
		padding:1em 0;
		text-align:center;
	}
	
	#footerBottom .footerLinkList{
		overflow:visible;
		float:none;
		text-align:center;
		display:inline-block;
		letter-spacing:-0.4em;
		margin:0 auto 2em auto;
		line-height:2em;
	}

	#footerBottom .footerLinkList li{
		padding:0 1em;
		display:inline-block;
		float:none;
		letter-spacing:normal;
	}
	#footerBottom .footerLinkList li:first-child{
		padding:0 1em;
	}
	
	#footerBottom .footerLinkList li::before{
		height:1em;
		top:0.5em;
	}
	
	#footerBottom .footerLinkList li:first-child:before{
		content:"";
	}
	
	#footerBottom .footerLinkList li:after{
		content:"";
		display:block;
		width:1px;
		height:1em;
		background-color:#707070;
		position:absolute;
		top:0.5em;
		right:-1px;
	}
	
	
	#footerBottom .footerSocialLinkList{
		float:none;
		text-align:center;
		overflow:visible;
		margin:0 3%;
		display:table;
		table-layout:fixed;
		width:94%;
	}
	
	#footerBottom .footerSocialLinkList dt{
		padding:0;
		text-align:left;
	}
	
	#footerBottom .footerSocialLinkList dd{
		width:16%;
		padding-left:3%;
	}
	#footerBottom .footerSocialLinkList dd:first-child{
		padding-left:0;
	}
	#footerBottom .footerSocialLinkList dd img{
		width:100%;
	}
	/*
		in toTop.
	*/
	#toTop{
		display:none !important;
	}
}

/*
@media print{
	header .global-headerInWrap > *{
		display:none;
	}
	header .global-headerInWrap > h1{
		display:block;
	}
	#global-gNavi, footer, #toTop, .goPageTop{
		display:none !important;
	}
}
*/