@charset "UTF-8";



/* 0. Common */

main section h2{
	font-size:320%;
	font-weight:normal;
}

main section h2 + p{
	font-size:160%;
}

main section p{
	font-size:140%;
}

span.icon.onsightenergy{
	/* background:url(/images/iconL_onsightenergy.svg) no-repeat; */
}
span.icon.smartenergy{
	/* background:url(/images/iconL_smartenergy.svg) no-repeat; */
}
span.icon.engineering{
	/* background:url(/images/iconL_engineering.svg) no-repeat; */
}
span.icon.greenenergy{
	/* background:url(/images/iconL_greenenergy.svg) no-repeat; */
}
span.icon.gas{
	/* background:url(/images/iconL_gas.svg) no-repeat; */
}
span.icon.electricity{
	/* background:url(/images/iconL_electricity.svg) no-repeat; */
}

a.button.index{
	margin:40px auto 0;
}



/* 1. Carousel */

main section.carousel{
	padding:0;
	width:100%;
	height:365px;
	position:relative;
	overflow-y:hidden;
}

main section.carousel div.bx-viewport{
	height:365px;
}

main section.carousel ul{
	display:block;
	position:relative;
	width:100%;
	max-height:365px;
}

main section.carousel ul li{
	text-align:center;
	position:relative;
	left:0;
	top:0;
}

main section.carousel ul li img{
	max-height:365px;
	border-radius:0;
}

@media (min-width:768px) and (max-width:1920px){
	main section.carousel ul li picture{
		margin-left:calc(50% - 960px);
	}
}

main section.carousel a.bx-prev,
main section.carousel a.bx-next{
	position:absolute;
	top:calc(50% - 20px);
	z-index:70;
	opacity:0.6;
	width:40px;
	height:40px;
	border:1px solid #dcdcdc;
	border-radius:6px;
	cursor:pointer;
	text-indent:-9999px;
	transition:background 0.2s,border 0.2s,opacity 0.2s;
}

main section.carousel a.bx-prev{
	left:30px;
	background:#fff url(/common/images/icon_btn_left.png) center no-repeat;
}

main section.carousel a.bx-prev:hover{
	background:#ebeef9 url(/common/images/icon_btn_left.png) center no-repeat;
	opacity:1;
}

main section.carousel a.bx-next{
	right:30px;
	background:#fff url(/common/images/icon_btn_right.png) center no-repeat;
}

main section.carousel a.bx-next:hover{
	background:#ebeef9 url(/common/images/icon_btn_right.png) center no-repeat;
	opacity:1;
}

main section.carousel div.bx-controls{
	height:0;
}

main section.carousel div.bx-pager{
	position:absolute;
	bottom:24px;
	width:100%;
	display:flex;
	justify-content:center;
	z-index:70;
}

main section.carousel div.bx-pager a{
	display:block;
	height:10px;
	width:10px;
	border-radius:5px;
	margin:0 8px;
	background:#fff;
	text-indent:-9999px;
}

main section.carousel div.bx-pager a.active{
	background:#004098;
}




/* 2. Pick Up */

main section.pickup{
	background:#f5f5f6;
}

main section.pickup ul{
	display:flex;
	width:100%;
	margin-top:40px;
	flex-wrap:wrap;
	justify-content:space-between;
}

main section.pickup ul li{
	width:calc((100% - 48px)/3);
	border-radius:8px;
	margin-top:24px;
}

main section.pickup ul li:nth-child(-n+3){
	margin-top:0;
}

main section.pickup ul:has(li:last-child:is(:nth-child(3n+2))):after{
	display:block;
	content:"";
	width:calc((100% - 48px)/3);
}

main section.pickup ul li a{
	display:flex;
	flex-direction:column;
	height:100%;
	padding:0;
}

main section.pickup ul li a picture{
	display:flex;
	align-items:center;
	width:100%;
	max-height:216px;
	aspect-ratio:100 / 56.25;
	overflow:hidden;
	border-radius:8px 8px 0 0;
	position:relative;
}

main section.pickup ul li a img{
	max-width:100%;
	max-height:100%;
	margin:0 auto;
	transition:all 0.3s;
}

main section.pickup ul li a:hover{
	color:#004098;
	text-decoration:none;
}

main section.pickup ul li a:hover img{
	transform:scale(1.2,1.2);
}

main section.pickup ul li a p{
	border-radius:0 0 8px 8px;
	padding:10px 40px 10px 20px;
	background:#fff no-repeat;
	background-position:top 50% right 10px;
	flex-grow:3;
	position:relative;
}

main section.pickup ul li a p:after{
	display:block;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:calc(50% - 10px);
}

main section.pickup ul li a[data-icon-type="arrow"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}

main section.pickup ul li a[data-icon-type="external"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:11px;
}

main section.pickup ul li a[data-icon-type="pdf"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.pickup ul li a[data-icon-type="word"] p:after{
	background:#2b5599;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.pickup ul li a[data-icon-type="excel"] p:after{
	background:#207144;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.pickup ul li a[data-icon-type="arrow"]:hover p:after,
main section.pickup ul li a[data-icon-type="external"]:hover p:after,
main section.pickup ul li a[data-icon-type="pdf"]:hover p:after,
main section.pickup ul li a[data-icon-type="word"]:hover p:after,
main section.pickup ul li a[data-icon-type="excel"]:hover p:after{
	background:#004098;
}



/* 3. About Us */

main section.aboutus{
	min-height:440px;
}

main section.aboutus picture{
	display:block;
	position:absolute;
	width:100%;
	height:320px;
	overflow-x:hidden;
	border-radius:8px;
	position:relative;
	z-index:1;
}

main section.aboutus picture img{
	height:100%;
	border-radius:8px;
	position:absolute;
	right:0;
	z-index:2
}

main section.aboutus h2,
main section.aboutus p{
	position:relative;
	padding-left:30px;
	width:600px;
	color:#fff;
	z-index:3;
}

main section.aboutus h2{
	margin-top:-290px;
}

main section.aboutus p + p{
	margin-top:30px;
}

main section.aboutus a.button{
	font-weight:bold;
	width:320px;
}



/* 4. Our Business / 5. Gas & Power */

main section.ourbusiness,
main section.gas_power{
	background:#f5f5f6;
}

main section.ourbusiness ul.service,
main section.gas_power ul.service{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding-top:12px;
}

main section.ourbusiness ul.service li,
main section.gas_power ul.service li{
	margin-top:24px;
	width:calc(50% - 12px);
	text-align:center;
}

main section.ourbusiness ul.service li a,
main section.gas_power ul.service li a{
	display:block;
	background:#fff;
	border-radius:8px;
	padding:24px 40px;
	border:1px solid #004098;
	height:100%;
	position:relative;
}

main section.ourbusiness ul.service li a:after,
main section.gas_power ul.service li a:after{
	display:block;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:18px;
	top:calc(50% - 10px);
}

main section.ourbusiness ul.service li a:hover,
main section.gas_power ul.service li a:hover{
	color:#004098;
	background:#ebeef9;
	text-decoration:none;
}

main section.ourbusiness ul.service li a[data-icon-type="arrow"]:after,
main section.gas_power ul.service li a[data-icon-type="arrow"]:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}

main section.ourbusiness ul.service li a[data-icon-type="external"]:after,
main section.gas_power ul.service li a[data-icon-type="external"]:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:11px;
}

main section.ourbusiness ul.service li a[data-icon-type="pdf"]:after,
main section.gas_power ul.service li a[data-icon-type="pdf"]:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.ourbusiness ul.service li a[data-icon-type="word"]:after,
main section.gas_power ul.service li a[data-icon-type="word"]:after{
	background:#2b5599;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.ourbusiness ul.service li a[data-icon-type="excel"]:after,
main section.gas_power ul.service li a[data-icon-type="excel"]:after{
	background:#207144;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main section.ourbusiness ul.service li a[data-icon-type="arrow"]:hover:after,
main section.gas_power ul.service li a[data-icon-type="arrow"]:hover:after,
main section.ourbusiness ul.service li a[data-icon-type="external"]:hover:after,
main section.gas_power ul.service li a[data-icon-type="external"]:hover:after,
main section.ourbusiness ul.service li a[data-icon-type="pdf"]:hover:after,
main section.gas_power ul.service li a[data-icon-type="pdf"]:hover:after,
main section.ourbusiness ul.service li a[data-icon-type="word"]:hover:after,
main section.gas_power ul.service li a[data-icon-type="word"]:hover:after,
main section.ourbusiness ul.service li a[data-icon-type="excel"]:hover:after,
main section.gas_power ul.service li a[data-icon-type="excel"]:hover:after{
	background:#004098;
}

main section.ourbusiness ul.service li span.icon,
main section.gas_power ul.service li span.icon{
	display:block;
	width:64px;
	height:64px;
	margin:0 auto 12px;
}

main section.ourbusiness ul.service li h3,
main section.gas_power ul.service li h3{
	font-size:220%;
}

main section.ourbusiness ul.service li p,
main section.gas_power ul.service li p{
	margin-top:0.5em;
}



/* 6. Igniture */

main section.igniture{
}



/* 7. Solution & Service */

/*
main section.solution_service{
}

main section.solution_service picture{
	display:block;
	position:absolute;
	width:100%;
	height:340px;
	overflow-x:hidden;
	border-radius:8px 8px 0 0;
	position:relative;
	z-index:1;
}

main section.solution_service picture img{
	height:100%;
	border-radius:8px 8px 0 0;
	position:absolute;
	right:0;
	z-index:2
}

main section.solution_service div.exp{
	margin-top:-340px;
	height:340px;
	padding-top:40px;
}

main section.solution_service h2,
main section.solution_service p{
	position:relative;
	padding-left:30px;
	width:500px;
	color:#fff;
	z-index:3;
}

main section.solution_service p + p{
	margin-top:35px;
}

main section.solution_service a.button{
	width:320px;
}

main section.solution_service div.recommended_keywords{
	background:#e3f2f9;
	border-radius:0 0 8px 8px;
	position:relative;
	z-index:4;
	padding:30px;
}

main section.solution_service div.recommended_keywords:before{
	content:"";
	display:block;
	width:30px;
	height:25px;
	position:absolute;
	background:url(/images/arrow_keywords.svg) no-repeat;
	top:-24px;
	left:175px;
}

main section.solution_service div.recommended_keywords h3{
	padding-left:40px;
	background:url(/images/icon_glass.svg) left no-repeat;
	font-size:220%;
	font-weight:500;
}

main section.solution_service div.recommended_keywords ul.hashtag{
}

main section.solution_service div.recommended_keywords ul.hashtag li{
	font-size:150%;
	display:inline-block;
	margin-right:1.5em;
	margin-top:1em;
}

main section.solution_service div.recommended_keywords ul.hashtag li a{
	color:#004098;
}

*/



/* 8. News */

main section.news{
}

main section.news article.news_list p.more{
	text-align:right;
	margin-top:1em;
}

main section.news article.news_list p.more a{
	color:#004098;
}

main section.news article.news_list p.more a:hover{
	color:#3359cc;
}

main section.news ul.tab{
	margin-top:24px;
}



/* 10. News beside Carousel */

main section.fv_information ul.information_list{
	border:none;
	margin-top:0;
	height:auto;
	opacity:1;
	overflow:visible;
}

main section.fv_information ul.information_list li{
	border:none;
	padding:0.5em 0;
}

main section.fv_information ul.information_list li a{
	border:none;
	padding:0;
	color:#004098;
	background:none;
}

main section.fv_information ul.information_list li a:hover{
	text-decoration:underline;
	color:#3359cc;
}

main section.fv_information ul.information_list li time{
	display:inline-block;
	margin:0;
	min-width:8.25em;
}
main section.fv_information ul.information_list li time:after{
}

main section.fv_information ul.information_list li a p{
	display:inline;
	margin:0;
}

main section.fv_information ul.information_list li a[data-icon-type="arrow"]:hover p:after,
main section.fv_information ul.information_list li a[data-icon-type="external"]:hover p:after,
main section.fv_information ul.information_list li a[data-icon-type="pdf"]:hover p:after,
main section.fv_information ul.information_list li a[data-icon-type="word"]:hover p:after,
main section.fv_information ul.information_list li a[data-icon-type="excel"]:hover p:after{
	background:#3359cc;
}



/* 9. Aside */

main aside.links{
	background:#f7f7f8;
	padding:75px 0;
}

main aside.links ul{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
}

main aside.links ul li{
	width:calc((100% - 72px)/4);
	font-size:140%;
	margin-right:24px;
	margin-top:24px;
}

main aside.links ul li:nth-child(-n+4){
	margin-top:0;
}

main aside.links ul li:nth-child(4n){
	margin-right:0;
}

main aside.links ul li a{
	display:flex;
	flex-direction:column;
	height:100%;
	position:relative;
	color:#181a24;
	background:#fff;
	background-position:top calc(50% + 79px) right 10px;
	border-radius:8px;
}

main aside.links ul li a picture{
	display:flex;
	align-items:center;
	width:100%;
	border-radius:8px 8px 0 0;
	aspect-ratio:100 / 56;
	overflow:hidden;
}

main aside.links ul li a img{
	max-width:100%;
	max-height:100%;
	margin:0 auto;
	transition:all 0.3s;
}

main aside.links ul li a:hover{
	color:#004098;
	text-decoration:none;
}

main aside.links ul li a:hover img{
	transform:scale(1.2,1.2);
}

main aside.links ul li a p{
	padding:16px 32px 16px 16px;
	border-radius:0 0 8px 8px;
	background:#fff no-repeat;
	font-size:100%;
	flex-grow:3;
	position:relative;
}

main aside.links ul li a p:after{
	display:block;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:calc(50% - 10px);
}

main aside.links ul li a[data-icon-type="arrow"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.35355%204.6973C8.15829%204.50204%207.84171%204.50204%207.64645%204.6973C7.45118%204.89257%207.45118%205.20915%207.64645%205.40441L12.2426%2010.0006L7.64645%2014.5968C7.45118%2014.7921%207.45118%2015.1086%207.64645%2015.3039C7.84171%2015.4992%208.15829%2015.4992%208.35355%2015.3039L13.3033%2010.3542C13.4986%2010.1589%2013.4986%209.84231%2013.3033%209.64705L8.35355%204.6973Z%22%2F%3E%3C%2Fsvg%3E');
}

main aside.links ul li a[data-icon-type="external"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2011%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%203.5C1.72386%203.5%201.5%203.72386%201.5%204V10C1.5%2010.2761%201.72386%2010.5%202%2010.5H8C8.27614%2010.5%208.5%2010.2761%208.5%2010V7C8.5%206.72386%208.72386%206.5%209%206.5C9.27614%206.5%209.5%206.72386%209.5%207V10C9.5%2010.8284%208.82843%2011.5%208%2011.5H2C1.17157%2011.5%200.5%2010.8284%200.5%2010V4C0.5%203.17157%201.17157%202.5%202%202.5H5C5.27614%202.5%205.5%202.72386%205.5%203C5.5%203.27614%205.27614%203.5%205%203.5H2Z%22%20fill%3D%22%23004098%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.5%201C5.5%200.723858%205.72386%200.5%206%200.5H10.5C10.7761%200.5%2011%200.723858%2011%201V5.5C11%205.77614%2010.7761%206%2010.5%206C10.2239%206%2010%205.77614%2010%205.5V2.2854L5.36858%207.33786C5.18198%207.54142%204.8657%207.55517%204.66214%207.36858C4.45858%207.18198%204.44483%206.8657%204.63143%206.66214L9.36339%201.5H6C5.72386%201.5%205.5%201.27614%205.5%201Z%22%20fill%3D%22%23004098%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:11px;
}

main aside.links ul li a[data-icon-type="pdf"] p:after{
	background:#004098;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23004098%3B%20fill-rule%3A%20evenodd%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m4.84%2C5.52c-.04.29-.11.58-.21.86l-.08-.11c-.14-.26-.24-.55-.28-.85-.02-.31%2C0-.61.29-.65.28-.04.38.26.28.74Zm-2.32%2C3.85c.28-.24.6-.41.94-.52.1-.04.12%2C0%2C.12.05-.1.24-.24.47-.42.67-.25.31-.66.6-.81.51-.14-.1-.17-.39.16-.7Zm2.95-1.35s-.87.2-1.11.3c.18-.36.33-.74.47-1.12.07.12.64.82.64.82Zm.22.26c.38.41.85.73%2C1.37.91.1.03.21.03.32.01.1-.02.2-.06.29-.12.09-.06.16-.14.22-.23s.09-.2.11-.3c-.03-.28-.19-.65-.96-.7-.44%2C0-.88.04-1.31.13-.29-.33-.55-.69-.77-1.08.65-1.91.24-2.45-.31-2.45-.44%2C0-.68.47-.62.99.1.47.28.91.51%2C1.33-.21.59-.46%2C1.17-.74%2C1.74-.27.09-.54.2-.79.33-1.03.46-1.11%2C1.12-.9%2C1.41.41.53%2C1.28.07%2C2.15-1.53.59-.18%2C1.38-.41%2C1.45-.41Zm.31-.06c.31-.1.64-.14.97-.13h0c.4.03.49.19.49.35s-.13.32-.49.27c-.35-.11-.68-.28-.97-.5Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main aside.links ul li a[data-icon-type="word"] p:after{
	background:#2b5599;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%232b5599%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m2.53%2C5.66h1.04l.3%2C1.79c.05.4.09.79.14%2C1.2h.03c.06-.41.11-.81.19-1.2l.35-1.79h.9l.36%2C1.79c.08.4.14.79.21%2C1.2h.03c.05-.41.09-.8.15-1.2l.29-1.79h.97l-.79%2C4h-1.22l-.28-1.53c-.06-.37-.12-.74-.18-1.17h-.03c-.05.44-.1.8-.16%2C1.17l-.27%2C1.53h-1.19l-.82-4Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main aside.links ul li a[data-icon-type="excel"] p:after{
	background:#207144;
	mask:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%2C%20.cls-2%20%7B%20fill%3A%20%23207144%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22m9%2C11v-6.5h-2c-.83%2C0-1.5-.67-1.5-1.5V1H1v10h8ZM6.5%2C1.91l1.59%2C1.59h-1.09c-.28%2C0-.5-.22-.5-.5v-1.09Zm2.5%2C10.09H1c-.55%2C0-1-.45-1-1V1C0%2C.45.45%2C0%2C1%2C0h4.59c.27%2C0%2C.52.11.71.29l3.41%2C3.41c.19.19.29.44.29.71v6.59c0%2C.55-.45%2C1-1%2C1Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22m4.4%2C7.61l-1.04-1.94h1.07l.32.72c.09.19.18.4.29.65h.02c.09-.26.18-.47.26-.65l.29-.72h1.01l-1.03%2C1.99%2C1.1%2C2.01h-1.07l-.37-.78c-.1-.21-.19-.42-.3-.67h-.02c-.09.25-.18.46-.27.67l-.34.78h-1.02l1.1-2.06Z%22%2F%3E%3C%2Fsvg%3E') center no-repeat;
	mask-size:10px;
}

main aside.links ul li a[data-icon-type="arrow"]:hover p:after,
main aside.links ul li a[data-icon-type="external"]:hover p:after,
main aside.links ul li a[data-icon-type="pdf"]:hover p:after,
main aside.links ul li a[data-icon-type="word"]:hover p:after,
main aside.links ul li a[data-icon-type="excel"]:hover p:after{
	background:#004098;
}