@charset "Shift_JIS";

/* **************************************************

Name: custom.css

Description: Setting of content module for Hitachi Systems Power Services, Ltd.

Create: 2016.03.23
Update: 2016.07.20

Copyright 2016 Hitachi Systems Power Services, Ltd.

***************************************************** */




/* [c1] Page Title
=========================================================================================== */
/* --- 第2階層ページ（ePower Cloud紹介ページも含む） --- */
.PageTitleStyle1.ps {
	/*display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;*/
	display: table;
	box-sizing: border-box;
	width: 100%;
	height: 142px;
	margin: 0 0 20px 0;
	padding: 5px 0 0 130px;
	background: none no-repeat left center transparent;
	border-bottom: 2px solid #aaaaaa;
	font-size: 250%;
	font-weight: normal;
	color: #333333;
}
.PageTitleStyle1.ps h1 {
	display: table-cell;
	vertical-align: middle;
}
.PageTitleStyle1.ps h1,
.PageTitleStyle1.ps h1 a {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}
.PageTitleStyle1.ps.aboutus { background-image:url("/aboutus/images/title_corpinfo.png"); }
.PageTitleStyle1.ps.guidemap { background-image:url("/guidemap/images/title_corpinfo.png"); }
.PageTitleStyle1.ps.recruiting { background-image:url("/recruiting/images/title_corpinfo.png"); }
.PageTitleStyle1.ps.service_top { background-image:url("/service/images/title_service.png"); }
.PageTitleStyle1.ps.cloud { background-image:url("/service/images/title_cloud.png"); }
.PageTitleStyle1.ps.news { background-image:url("/news/images/title_news.png"); }
.PageTitleStyle1.ps.csr { background-image:url("/csr/images/title_csr.png"); }

.PageTitleStyle1.support {
	background-image: url("/support/images/support_top_bg.jpg");
	background-repeat: repeat-x;
}

/* --- IE9以下 --- */
/*.PageTitleStyle1.ps h1 {
	padding-top: 50px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.PageTitleStyle1.ps h1 {
		padding-top: 0\9;
	}
}*/

/* --- お客さまを支える技術 / 商品・ソリューション下位ページ --- */
.Grid3.about .PageTitleStyle1.LowerPage,
.Grid3.service .PageTitleStyle1.LowerPage {
	font-size: 250%;
	border-bottom: 4px solid #aaaaaa;
	padding-right: 20px;
	margin-bottom: 20px;
	position: relative;
}

.Grid3.about .PageTitleStyle1.LowerPage h1,
.Grid3.service .PageTitleStyle1.LowerPage h1 {
	font-size: 100%;
	font-weight: normal;
	color: #555;
	display: table;
	height: 3.3em;
	padding: 10px 15px 0 20px;
	margin-bottom: -4px;
	border-bottom: 4px solid #0770b1;
}

.Grid3.about .PageTitleStyle1.LowerPage h1.logoH1,
.Grid3.service .PageTitleStyle1.LowerPage h1.logoH1 {
	padding-top: 30px;
	height: 3.3em;
}

.Grid3.about .PageTitleStyle1.LowerPage h1 a,
.Grid3.service .PageTitleStyle1.LowerPage h1 a {
	display: table-cell;
	vertical-align: middle;
	color: inherit;
}

.Grid3 .PageTitleStyle1.LowerPage {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.Grid3 .PageTitleStyle1.LowerPage p.logo_ePower {
position: absolute;
right: 0;
width: 215px!important;
height: 40px!important;
}

.Grid3 .PageTitleStyle1.LowerPage p.logo_ePower img{
/*width: 215px!important;
height: 40px!important;*/
}

/* --- 商品・ソリューション下位ページ --- */
.Grid3.service .PageTitleStyle1.LowerPage {
	font-size: 250%;
	border-bottom: 4px solid #aaaaaa;
	padding-right: 20px;
	margin-bottom: 20px;
}
.Grid3.service .PageTitleStyle1.LowerPage h1 {
	font-size: 100%;
	font-weight: normal;
	color: #555;
	display: table;
	height: 3.3em;
	padding: 10px 15px 0 20px;
	margin-bottom: -4px;
	border-bottom: 4px solid #0770b1;
}
.Grid3.service .PageTitleStyle1.LowerPage h1 a {
	display: table-cell;
	vertical-align: middle;
	color: inherit;
}

/* [c2] Heading
=========================================================================================== */
.Grid4 h2,
.Grid3.service h2,
.Grid3.news_top h2,
h2.Special,
h3.Special,
h4.Special {
	margin-bottom:15px;
	padding: 15px 10px 10px;
	background: none transparent;
	border-bottom: 1px solid #a0a0a0;
	font-size: 100%;
}

.Grid4 h2 span,
.Grid3.service h2 span,
.Grid3.news_top h2 span,
h2.Special span,
h3.Special span,
h4.Special span {
	display: block;
	padding: 0 0 0 10px;
	font-size: 137.5%;
	font-weight: normal;
	color: #555555;
	line-height: 150%;
	border-left: 5px solid #0571b2;
	background-color: transparent;
}

/* [c7] Bulleted List
=========================================================================================== */
dl.ListStyle1.ps dt {
	position: relative;
	background-image: none;
}
dl.ListStyle1.ps dt:before {
	content: "・";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	top: 0\9;/* IE8 */
	font-size: inherit;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
dl.ListStyle1.ps dt:not(:target):before {
	top: 50%;/* IE9, IE10 */
}

/* [c12] Button
=========================================================================================== */
.ButtonStyle2.ListRightAdjust li {
	float: right;
	margin: 0 0 0 15px;
}
.ButtonStyle2.ListRightAdjust a{
	padding-right:15px;
	background-image:none;
}

/* [s5] Breadcrumb Trail
=========================================================================================== */
#TopicPath ul {
	padding-top: 15px;
}

/* [xx] SiteSummary
=========================================================================================== */
#SiteSummary {
	width:100%;
	margin:0 auto;
	padding:10px 0;
	background:none #ffffff;
}
#SiteSummary > p {
	width:935px;
	min-height:40px;
	margin:0 auto;
	padding:0 270px 0 0;
	font-size: 67%;
	box-sizing:border-box;
	background:url("/image/jp/common/human_it.gif") no-repeat right bottom transparent;
}

/* [xx] Service (商品・ソリューションページ)
===========================================
================================================ */
.Grid3.service .CatchCopy,.Grid3.about .CatchCopy {
	font-size: 125%;
	margin-bottom: 10px;
}

.Merit {
	margin: 0 0 30px;
}

.Merit .MeritBox {
	padding: 30px 30px 0.1px;
	background-color: #f9f9f1;
}

.Grid3.service .MeritBox h2 {
	padding: 0;
	text-align: center;
	border-bottom: none;
}

.Grid3.service .MeritBox h2 span {
	padding: 20px 0 0;
	border-left: none;
}


.Grid3.about .MeritBox h2 {
	padding: 0;
	text-align: center;
	border-bottom: none;
}

.Grid3.about .MeritBox h2 span {
	padding: 20px 0 0;
	border-left: none;
	font-size: 137.5%;
	font-weight: normal;
	color: #555555;
	line-height: 150%;
	background: none;
}

.MeritBox .Section {
	margin-bottom: 20px;
}

.MeritBox .Section h3 {
	position: relative;
	padding: 8px 8px 6px 32px;
	margin-bottom: 15px;
	font-size: 105%;
	font-weight: normal;
}

.MeritBox .Section h3:before {
	content: "■";
	display: block;
	position: absolute;
	left: 5px;
	font-size: 160%;
	width: 25px;
	overflow: hidden;
}

.MeritBox .Section h3.standard {
	color: #04517f;
	background-color: #cbecff;
}

.MeritBox .Section h3.option {
	color: #543a15;
	background-color: #ffe9c2;
}

.MeritBox .Section h3.add-on {
	color: #125c5f;
	background-color: #ccfeff;
}

.MeritBox .Section h3.standard:before {
	color: #43aced;
}

.MeritBox .Section h3.option:before {
	color: #ffad1d;
}

.MeritBox .Section h3.add-on:before {
	color: #23b8bc;
}

.MeritBox .Column1andHalf {
	width: 325px;
	margin-left: 10px;
}

.MeritBox .Column1andHalf.FirstItem {
	margin-left: 0;
}

.MeritBox .BottomArrow {
	padding: 0 0 50px;
	background-image: url("/service/images/arrow_b.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.MeritBox .ResultBox {
	width: 480px;
	margin: 10px auto 0;
	padding: 10px 10px 5px;
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	background-color: #0571b2;
}

.ePowerBtn {
	margin: 10px 0 50px;
}

.ePowerBtn img{
	max-width: 416px;
	height: auto;
}


.InquiryBtn {
	margin: 10px 0 30px;
}

.ePowerBtn a:hover img,
.ePowerBtn a:active img,
.InquiryBtn a:hover img,
.InquiryBtn a:active img,
.InquiryArea .Inner a:hover img,
.InquiryArea .Inner a:active img,
.InquiryAreaV2 .Inner a:hover img,
.InquiryAreaV2 .Inner a:active img{
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}

/*.Grid3 .InquiryArea*/
.Grid3 .InquiryArea {
	margin: 0 0 40px;
}

.Grid3 .InquiryArea h2 {
	padding: 10px;
	margin-bottom: 0;
	background-color: #53616c;
	border-bottom: none;
	background-image: none;
}

.Grid3 .InquiryArea h2 span {
	padding: 7px 0 2px 15px;
	color: #fff;
	border-left: 5px solid #FFF;
	background: none;
	font-weight: normal;
	font-size: 137.5%;
}

.InquiryArea .Inner {
	padding: 30px;
	background-color: #f2f2f2;
}

.InquiryArea .Column1andHalf {
	width: 315px;
	margin-left: 30px;
}

.InquiryArea .Column1andHalf.FirstItem {
	margin-left: 0;
}

/*.InquiryAreaV2*/
.InquiryAreaV2 {
	margin: 0 0 0;
	padding-top: 40px;
	padding-bottom: 75px;
	background-color: #f2f2f2;
	box-sizing: border-box;
}

.InquiryAreaV2 h2 {
padding: 10px;
margin-bottom: 27px;
background: none;
background-color: #53616c;
border-bottom: none;
}

.InquiryAreaV2 h2 span {
	padding: 7px 0 2px 15px;
	color: #fff;
	background-color: inherit;
	border-left: 5px solid #fff;
	font-size: 137.5%;
	font-weight: normal;
}

.InquiryAreaV2 .Inner {
	width: 720px;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 30px;
	box-sizing: border-box;
	background-color: #f2f2f2;
	
}

.InquiryAreaV2 .Inner .ColumnSet{
	width: 660px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.InquiryAreaV2 .Column1andHalf {
	margin-left: 30px;
	float: inherit;
}

.InquiryAreaV2 .Column1andHalf img{
	width: 100%;
	max-width: 100%;
	height: auto;
}

.InquiryAreaV2 .Column1andHalf.FirstItem {
	width: 322px;
	max-width: 100%;
	margin-left: 0;
	margin-right: 5%;
	height: auto;
}

.InquiryAreaV2 .Column1andHalf.LastItem {
	width: 322px;
	margin-left: 0;
	max-width: 100%;
	height: auto;
}

.InquiryAreaV2 .Column1andHalf .CenterAdjust{
	max-width: 314px;
}


.InquiryBox ul.VerticalImageList1 {
	padding-left: 11px;
	padding-right: 11px;
}

.InquiryBox ul.VerticalImageList1 li:first-child {
	margin-bottom: 10px;
}

.InquiryBox ul.VerticalImageList1 img {
	width: 100%;
	height: auto;
}


/* 商品・ソリューショントップ */
.ServiceList {
	margin-bottom: 15px;
}

.ServiceList ul.LinkListStyle1 {
	margin-top: 0;
	margin-bottom: 0;
}

.ServiceList ul.LinkListStyle1 li {
	padding: 0;
}

.ServiceList ul.LinkListStyle1 li a {
	display: inline-block;
	padding: 8px 5px 6px 5px;
	background-image: none;
}

.ServiceList ul.LinkListStyle1 li a:hover,
.ServiceList ul.LinkListStyle1 li a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}

.ServiceList ul.LinkListStyle1 li a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/image/jp/r1/icon/icon_link_right.gif") no-repeat center center transparent;
	vertical-align: middle;
}

.ServiceList ul.LinkListStyle1 li a:hover:after,
.ServiceList ul.LinkListStyle1 li a:active:after {
	background-image: url("/image/jp/r1/icon/icon_link_right_hover.gif");
}

.BoxPatternA.BoxA1 {
	margin-bottom: 30px;
}

.Grid3.service .BoxPatternA.BoxA1 h2 {
	padding: 10px;
	background-color: #0571b2;
	border-bottom-style: none;
}

.Grid3.service .BoxPatternA.BoxA1 h2 span {
	padding-top: 3px;
	border-left-color: #fff;
}

.Grid3.service .BoxPatternA.BoxA1 h2 span a {
	display: inline;
	background-color: transparent;
	background-image: url("/image/jp/r1/icon/icon_link_right_xl_white.gif") !important;
}

.Grid3.service .BoxPatternA.BoxA1 h2 span a:hover,
.Grid3.service .BoxPatternA.BoxA1 h2 span a:active {
	text-decoration: underline;
}

/* Products and Solutions (English Site) */
html[lang="en"] .ServiceList ul.ListStyle1 {
	margin-bottom: 0;
}

/* ePower Cloudとは */
.PreCase {
	margin-bottom: 10px;
}

.BrandingImg img,
.PreCase img {
	width: 100%;
	height: auto;
}

.Case h3 img {
	display: block;
	width: 64px;
	float: left;
	clear: left;
	margin-right: 10px;
}

.Case h3 span {
	display: table-cell;
	height: 74px;
	line-height: 130%;
	font-size: 120%;
	font-weight: normal;
	color: #333;
	vertical-align: middle;
}

.Case .Button {
	margin-bottom: 7px;
}

.Case .ButtonStyle2 li {
	margin-bottom: 8px;
	margin-right: 8px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.Case .ButtonStyle2 li.application { border-bottom-color: #4f93d9; }
.Case .ButtonStyle2 li.concierge { border-bottom-color: #76ba3a; }
.Case .ButtonStyle2 li.infra { border-bottom-color: #f6923c; }
.Case .ButtonStyle2 li a {
	margin-bottom: 0;
	padding: 8px 20px 5px 12px;
	min-width: 1px;
	font-size: 100%;
	border-right-width: 10px;
}

.Case .ButtonStyle2 li.application a {
	background-color: #dceaf7;
	background-image: url("/service/images/icon_link_right_l_b.gif");
}

.Case .ButtonStyle2 li.concierge a {
	background-color: #e4f0d8;
	background-image: url("/service/images/icon_link_right_l_g.gif");
}

.Case .ButtonStyle2 li.infra a {
	background-color: #ffdec2;
	background-image: url("/service/images/icon_link_right_l_g.gif");
}

.Case .ButtonStyle2 li a:hover,
.Case .ButtonStyle2 li a:active {
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.Case .ButtonStyle2 li.application a:hover,
.Case .ButtonStyle2 li.application a:active {
	background-image: url("/service/images/icon_link_right_l_b_hover.gif");
}

.Case .ButtonStyle2 li.concierge a:hover,
.Case .ButtonStyle2 li.concierge a:active {
	background-image: url("/service/images/icon_link_right_l_g_hover.gif");
}

.Case .ButtonStyle2 li.infra a:hover,
.Case .ButtonStyle2 li.infra a:active {
	background-image: url("/service/images/icon_link_right_l_g_hover.gif");
}

.Case .ButtonStyle2 li a strong {
	color: #333;
}

#services .Section h3 {
	margin: 0 0 12px;
	padding: 0 0 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

#services .Section.Introduction h3 { border-bottom-color: #4f93d9; }
#services .Section.Application h3 { border-bottom-color: #4f93d9; }
#services .Section.Concierge h3 { border-bottom-color: #76ba3a; }
#services .Section.Infrastructure h3 { border-bottom-color: #f6923c; }
#services .Section h3 a {
	display: block;
	padding: 5px 30px 0 15px;
	background-position: 694px center;
}

#services .Section.Introduction h3{
	font-size: 83%;
}

#services .Section.Introduction h3 a {
	display: block;
	padding: 5px 30px 0 15px;
	background-position: 98% center;
}

html[lang="en"] #services .Section h3 a {
	padding-top: 2px;
	padding-bottom: 3px;
}

#services .Section h3 a:hover,
#services .Section h3 a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}

#services .Section h3 a strong {
	display: table-cell;
	vertical-align: middle;
	height: 54px;
	font-size: 137.5%;
	font-weight: normal;
	color: #555;
	line-height: 120%;
}

#services .Section .Inner {
	position: relative;
	padding-left: 240px;
	min-height: 160px;
}

#services .Section .Inner:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 240px;
	text-align: center;
}

#services .Section.Introduction .Inner:before { content: url("/images/img_saas_ja.png"); }
#services .Section.Application .Inner:before { content: url("/images/img_saas.png"); }
#services .Section.Concierge .Inner:before { content: url("/images/img_concierge.png"); }
#services .Section.Infrastructure .Inner:before { content: url("/images/img_infrastructure.png"); }
#services .Section .Inner .Column1andHalf {
	width: 233px;
}

#services .Section .Inner ul {
	margin: -5px 0 0;
}

#services .Section .Inner ul li {
	padding: 0;
}

#services .Section .Inner ul li a {
	display: block;
	padding: 10px 14px;
	background-image: none;
}

#services .Section .Inner ul li a:hover,
#services .Section .Inner ul li a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}

#services .Section .Inner ul li a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("/image/jp/r1/icon/icon_link_right.gif") no-repeat center center transparent;
	vertical-align: middle;
}

#services .Section .Inner ul li a:hover:after,
#services .Section .Inner ul li a:active:after {
	background-image: url("/image/jp/r1/icon/icon_link_right_hover.gif");
}

/* What is ePower Cloud? (English Site) */
html[lang="en"] .Case .ButtonStyle2 li a {
	padding-top: 7px;
	padding-bottom: 6px;
	word-break: normal;
}

.Case .ButtonStyle2 li.application a[href="#"],
.Case .ButtonStyle2 li.concierge a[href="#"],
.Case .ButtonStyle2 li.infra a[href="#"] {
	padding-right: 12px;
	border-right-style: none;
	background-image: none;
	cursor: default;
	opacity: 1.0;
}

html[lang="en"] #services .Section .Inner ul {
	margin: 0;
}

html[lang="en"] #services .Section .Inner ul li {
	padding: 0 0 0 1em;
}

/* BPOサービスの業務支援サービス */
.MenuBox .ColumnSet {
	width: 630px;
	margin: 0 auto;
}

.MenuBox .Column1 {
	width: 200px;
	margin-bottom: 15px;
}

/* お客さまを支える技術 */
.BoxPatternB.DevelopBox {
	margin: 52px 0 10px;
	background-color: #f0f0f0;
}

.BoxPatternB.DevelopBox h4 {
	margin: -67px 0 5px;
	padding-top: 105px;
	text-align: center;
	font-size: 140%;
	font-weight: normal;
	color: #555555;
	background-repeat: no-repeat;
	background-position: center top;
}

#generation .BoxPatternB.DevelopBox h4 {
	background-image: url("/service/images/icon_generation.png");
}

#transmission .BoxPatternB.DevelopBox h4 {
	background-image: url("/service/images/icon_transmission.png");
}

#general .BoxPatternB.DevelopBox h4 {
	background-image: url("/service/images/icon_general.png");
}

#sales .BoxPatternB.DevelopBox h4 {
	background-image: url("/service/images/icon_sales.png");
}

.DevelopBox .Inner {
	padding: 0 15px 5px;
}

.DevelopBox .Column1andHalf {
	width: 338px;
}

.BoxPatternB.DevelopBox ul {
	padding-left: 0;
	padding-right: 0;
}

/* [xx] Aboutus (PanelLink etc.)
=========================================================================================== */
/* --- Top Page --- */
.PanelLink {
	height: 230px;
	margin-bottom: 15px;
}

.PanelLink .Column1,
.PanelLink .Column1 ul,
.PanelLink .Column1 ul li,
.PanelLink .Column2,
.PanelLink .Column2 ul,
.PanelLink .Column2 ul li {
	height: 100%;
}

.PanelLink .Column1 ul,
.PanelLink .Column2 ul {
	margin: 0;
}

.PanelLink .Column1 ul li,
.PanelLink .Column2 ul li {
	padding: 0;
}

.PanelLink .Column1 ul li a,
.PanelLink .Column2 ul li a {
	display: block;
	height: 200px;
	padding: 15px;
	color: #fff;
	font-size: 125%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: transparent;
	background-size: cover;
}

html[lang="en"] .PanelLink .Column1 ul li a,
html[lang="en"] .PanelLink .Column2 ul li a {
	font-size: 115%;
}

.PanelLink .Column1 ul li a:hover,
.PanelLink .Column1 ul li a:active,
.PanelLink .Column2 ul li a:hover,
.PanelLink .Column2 ul li a:active {
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.PanelLink .Column1 ul li a span,
.PanelLink .Column2 ul li a span {
	display: block;
	padding: 15px;
	width: 170px;
	background: url("/aboutus/images/bg_panel_link.png") repeat left top transparent;/* rgba(12,95,146,0.8)*/
}

.PanelLink .Column2 ul li a span {
	height: 160px;
	padding-top: 25px;
}

.PanelLink ul li.rinen a { background-image:url("/aboutus/images/img_rinen.jpg"); }
.PanelLink ul li.president a { background-image:url("/aboutus/images/img_president.jpg"); }
.PanelLink ul li.info a { background-image:url("/aboutus/images/img_info.jpg"); }
.PanelLink ul li.organize a { background-image:url("/aboutus/images/img_organize.jpg"); }
.PanelLink ul li.approval a { background-image:url("/aboutus/images/img_approval.jpg"); }
.PanelLink ul li.group a { background-image:url("/aboutus/images/img_group.jpg"); }

/* --- 会社概要 --- */
table.staff tr td:nth-child(even) { white-space: nowrap; }

html[lang="en"] table.staff tr:nth-child(3) > td:nth-child(3) {
	white-space: nowrap;
}
html[lang="en"] table.staff th.Wide25Per + th.Wide20Per {
	min-width: 8.4em\9;
}
html[lang="en"] table.staff th.Wide35Per + th.Wide20Per {
	min-width: 9.7em\9;
}
html[lang="en"] table.staff th.Wide20Per:not(:target) {
	min-width: 0\9 !important;
}

.t-group {
	margin-left: auto;
	margin-right: auto;
	width: 690px;
}

.t-group h4 {
	margin-top: 20px;
	padding: 2px 8px 0;
	font-size: 90%;
	color: #fff;
	background-color: #53bc4a;
}

html[lang="en"] .t-group h4 { padding-bottom: 2px; }
.t-group p.TextStyle4 { font-weight: bold; }


/* [xx] googleMap settings
=========================================================================================== */
#map {
	width: 100%;
	height: 400px;
}

/* [c24] Banner Area
=========================================================================================== */

.FatBanner {
	padding: 15px 0 0 0;
	background-color: #f7f7f7;
	font-size: 0;
}

.FatBanner img {
	width: 100%;
}

/* [xx] topPage
=========================================================================================== */
.ResponsiveBrandingImgStyle.hover {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.ResponsiveBrandingImgStyle.hover #BrandingImgStyle2 {
	padding-bottom: 0;
}

html[lang="en"]#BrandingImgStyle2 img.HideRWD{display: block!important;}
html[lang="en"]#BrandingImgStyle2 img.ShowRWD{display: none!important;}

#BrandingImgStyle2 .ButtonStyle1 {
	position: absolute;
	bottom: 50px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}

#BrandingImgStyle2 .ButtonStyle1 a {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 147px;
	height: 44px;
	text-align: left;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url("/images/btn_detail.png") no-repeat left top;
	border-style: none;
	/*opacity:0.7;*/
}

#BrandingImgStyle2 .ButtonStyle1 a:hover,
#BrandingImgStyle2 .ButtonStyle1 a:active {
	background-image: url("/images/btn_detail_on.png");
}

.ColumnSet.ThreeColumn .Column1 {
	width: 312px;
}
.ColumnSet.ThreeColumn .Column1.LastItem {
	width: 311px;
}
.ColumnSet.ThreeColumn h2 {
	margin: 0;
	padding: 0 0 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.ColumnSet.ThreeColumn h2:before {
	display: block;
	text-align: center;
}

.ColumnSet.ThreeColumn h2 a {
	display: block;
	padding: 5px 30px 0 15px;
	background-position: 287px center;
}

.ColumnSet.ThreeColumn .LastItem h2 a { background-position: 286px center; }
.ColumnSet.ThreeColumn h2 a:hover,
.ColumnSet.ThreeColumn h2 a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}

.ColumnSet.ThreeColumn h2 a strong {
	display: table-cell;
	vertical-align: middle;
	height: 54px;
	font-size: 112.5%;
	font-weight: normal;
}

html[lang="en"] .ColumnSet.ThreeColumn .Column1 {
	width: 312px;
	float: left;
}
html[lang="en"] .ColumnSet.ThreeColumn .Column1.LastItem {
	width: 311px;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 {
	margin: 0;
	padding: 0 0 6px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
html[lang="en"] .ColumnSet.ThreeColumn h2:before {
	display: block;
	text-align: center;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 a {
	display: block;
	padding: 5px 30px 0 15px;
	background-position: 287px center;
}
/*html[lang="en"] .ColumnSet.ThreeColumn .LastItem h2 a { background-position: 286px center; }*/
html[lang="en"] .ColumnSet.ThreeColumn h2 a:hover,
html[lang="en"] .ColumnSet.ThreeColumn h2 a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 a strong {
	display: table-cell;
	vertical-align: middle;
	height: 54px;
	font-size: 112.5%;
	font-weight: normal;
	background: none;
	padding-left: 0;
	padding-right: 0;
	color: #000;
		
}
html[lang="en"] .ColumnSet.ThreeColumn .Application h2 { border-bottom-color: #4f93d9; }
html[lang="en"] .ColumnSet.ThreeColumn .Concierge h2 { border-bottom-color: #76ba3a; }
html[lang="en"] .ColumnSet.ThreeColumn .Infrastructure h2 { border-bottom-color: #f6923c; }
html[lang="en"] .ColumnSet.ThreeColumn .Application h2:before { content: url("/images/img_saas.png"); }
html[lang="en"] .ColumnSet.ThreeColumn .Concierge h2:before { content: url("/images/img_concierge.png"); }
html[lang="en"] .ColumnSet.ThreeColumn .Infrastructure h2:before { content: url("/images/img_infrastructure.png"); }
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul {
	margin: 10px 0 0;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li {
	padding: 0;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a {
	display: block;
	padding: 10px 14px;
	background-image: none;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a:hover,
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a:after,
html[lang="en"] .DateListStyle2.ps .LinkListStyle1 li a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	/*margin-top: 2px;*/
	background: url("/image/jp/r1/icon/icon_link_right.gif") no-repeat center center transparent;
	vertical-align: middle;
	/*-webkit-transform: translate(0,-2px);
	transform: translate(0,-2px);*/
}
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a:hover:after,
html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li a:active:after,
html[lang="en"] .DateListStyle2.ps .LinkListStyle1 li a:hover:after,
html[lang="en"] .DateListStyle2.ps .LinkListStyle1 li a:active:after {
	background-image: url("/image/jp/r1/icon/icon_link_right_hover.gif");
}

/*#mv*/
#mv{
background-color: #ffffff;
padding-bottom: 5%;
}

#mv img{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}

#mv #BrandingImgStyle2{
	margin-bottom: 0;
	padding-bottom: 0;
}

#mv img.HideRWD {
	display: block!important;
}
#mv img.ShowRWD {
	display: none!important;
}

/*.noBorder*/
.noBorder{
border: none!important;
}

/*.noBg*/
.noBg{
	background-image: none!important;
}

/*.Link:hover*/
.Link:hover{	
	text-decoration: none;
	opacity: 0.7;
}

/* --- お客さまを支える技術 --- */
.ColumnSet.ThreeColumn.aboutWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
  padding-top: 0;
  margin-left: 0;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict{	
	float: left;
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	box-sizing: border-box;
	margin-right: 3%;
	padding: 25px 30px 30px 30px;
	width: 294px;
	background: url(../about/images/about_arrow.png) no-repeat right 6px bottom 9px;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict{	
	margin-right:0;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management a,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system a,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict a{	
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000000;
	text-align: center;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management a p,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system a p,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict a p{	
text-align: left;
font-size: 15px;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management h2,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system h2,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict h2{	
border-bottom: none;
margin-bottom: 30px;
padding-bottom: 0;
text-align: left;
font-weight: bold;
font-size: 129%;
line-height: 1.4;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management h2 img,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system h2 img,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict h2 img{	
margin-bottom: 0;
}

.ColumnSet.ThreeColumn.aboutWrap .Column1.management img,
.ColumnSet.ThreeColumn.aboutWrap .Column1.system img,
.ColumnSet.ThreeColumn.aboutWrap .Column1.Ict img{	
	margin-bottom: 30px;
}

.ColumnSet.ThreeColumn.serviceWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-top: 0;
  margin-left: 0;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo{	
	float: left;
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	box-sizing: border-box;
	margin-right: 3%;
	padding: 25px 30px 30px 30px;
	width: 294px;
	min-height: 278px;
	background: url(../service/images/service_arrow.png) no-repeat right 6px bottom 9px;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService{
	margin-right: 0;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power a,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device a,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService a,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo a{	
	display: block;
	width: 100%;
	text-decoration: none;
	color: #000000;
	text-align: center;
	box-sizing: border-box;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power a img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device a img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService a img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo a img{	
margin: 0 auto 5%;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power a p,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device a p,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService a p,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo a p{	
text-align: left;
font-size: 15px;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power h2,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device h2,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService h2,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo h2{	
	border-bottom: none;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 129%;
	line-height: 1.4;
	min-height: 2.8em;
}

.ColumnSet.ThreeColumn.serviceWrap .Column1.Power img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Device img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService img,
.ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo img{	
	margin-bottom: 10px;
}

/* --- トップページ --- */

/* --- スライダー
------------------------------------ */
.bx-wrapper img.ShowRWD {
    max-width: 100%;
    display: none;
}
	
.bx-wrapper img.HideRWD {
    max-width: 100%;
    display:  block;
}	
	
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 35px;
    height: 130px;
    /*text-indent: -9999px;*/
text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
    z-index: 9999;
}	

.bx-wrapper .bx-prev {
	left: 65px;
	background: url(/image/jp/add/top/controls.png) no-repeat 0 -2px;
}

.bx-wrapper .bx-next {
	right: 65px;
	background: url(/image/jp/add/top/controls.png) no-repeat -47px -1px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -2px;
	opacity: 0.5;
}

.bx-wrapper .bx-next:hover {
	background-position: -47px -145px;
	opacity: 0.5;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	margin-top: -16px;
	width: 35px;
	height: 130px;
	/*text-indent: -9999px;*/
text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}	
	
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    /*text-indent: -9999px;*/
text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
    width: 20px;
    height: 20px;
    background: url(/image/jp/add/top/controls.png) -118px -98px no-repeat;
    margin: 0 0;
}	
	
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
   /* text-indent: -9999px;*/
text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
    width: 20px;
    height: 20px;
    background: url(/image/jp/add/top/controls.png) -118px -142px no-repeat;
    margin: 0 0 0 10px;
}	

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -118px -98px;
	opacity: 0.5;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -118px -164px;
	opacity: 0.5;
}	
	
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 170px;
	left: inherit;
    width: 50px;
	bottom: -45px;
}	
	
	.bx-controls{
	bottom: -80px;
	}	
	
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 100%;
	height: 60px;
	background-color: #58a618;
	left: 0;
	bottom: -60px;
	box-sizing: border-box;
	padding-top: 21px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    /*text-indent: -9999px;*/
text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #FFF;
}	
	
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}

	
@media screen and (max-width: 579px) {	
.bx-wrapper img.ShowRWD {
    max-width: 100%;
    display: block;
}
		
.bx-wrapper img.HideRWD {
    max-width: 100%;
    display:  none;
}		
}	


.GridSet.TopCot{
	width: 1200px;
	max-width: 100%;
	margin-left: auto;	
	margin-right: auto;
	margin-bottom: 55px;
}

.Category_item {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 0;
}

.ColumnSet.Category{
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ColumnSet.Category .Column2{
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5%;
	box-sizing: border-box;
}

.ColumnSet.Category h2 {
	background: none;
	padding: 0;
}

.ColumnSet.Category h2 a {
display: block;
}

.ColumnSet.Category .Column1 {
	box-sizing: border-box;
    width: 262px;
	margin: 0;
	padding: 0;
}

.ColumnSet.Category .bg_ct01{
	width: 600px;
	max-width: 100%;
	height: 360px;
	/*max-height: 360px;*/
	background-image: url(../images/bg_item01.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding-top: 0;
	padding-bottom: 0;
}

.ColumnSet.Category .bg_ct02{
	width: 600px;
	max-width: 100%;
	height: 360px;
	/*max-height: 360px;*/
	background-image: url(../images/bg_item02.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	padding-top: 0;
	padding-bottom: 0;
}

.ColumnSet.Category div.item{
	border: 1px solid #eaab00;
	background-image: url(../images/arrow_lower_right.png);
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;
	font-size: 90%;
	color: #FFFFFF;
	width: 260px;
	height: 260px;
	box-sizing: border-box;
	position: relative;
	left: 0;
	right: 0;
}

.ColumnSet.Category div.item a{
	width: 100%;
	max-width: 260px;
	height: 260px;
	max-height: 100%;
	padding: 13px;
	box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ColumnSet.Category div.item h2{
	border: none;
	max-width: 189px;
}

.ColumnSet.Category div.item h2 img{
width: 100%;
}

.ColumnSet.Category div.item a{
text-decoration: none;
color: #FFFFFF;
}
.ColumnSet.Category div.item:hover{
	opacity: 0.5;
}

.Category_corporate{
height: 236px;
background-color: #e6e6e6;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-bottom: 0;
margin-bottom: 5%;
}

.Category_corporate .ColumnSet{
max-width: 100%;
width: 965px;
margin: 0 auto;
display: flex;
}

.ColumnSet .Application h2{}
.ColumnSet .Concierge h2{}
.ColumnSet .Infrastructure h2{}
.ColumnSet .Application {float: inherit;}
.ColumnSet .Concierge {float: inherit;}
.ColumnSet .Infrastructure {float: inherit;}
.ColumnSet .Recruitment {float: inherit;}
.ColumnSet .Application h2:before {
content: url("/images/img_saas_ja.png");
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}

.ColumnSet .Concierge h2:before {
content: url("/images/img_concierge_ja.png");
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}

.ColumnSet .Infrastructure h2:before {
content: url("/images/img_infrastructure_ja.png");
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}

.ColumnSet .Recruitment h2:before {
content: url("/images/img_recruitment_ja.png");
position: relative;
left: 0;
right: 0;
margin: 0 auto;
}

.ColumnSet .Application h2{
background: none;
border: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #434343;
margin-bottom: 0;
padding: 20px 10px 15px;
}

.ColumnSet .Application h2 strong{
	color: #434343;
}

.ColumnSet .Concierge h2{
background: none;
border: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #434343;
margin-bottom: 0;
padding: 20px 10px 15px;
}

.ColumnSet .Concierge h2 strong{
	color: #434343;
}

.ColumnSet .Infrastructure h2{
background: none;
border: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #434343;
margin-bottom: 0;
padding: 20px 10px 15px;
}

.ColumnSet .Infrastructure h2 strong{
	color: #434343;
}

.ColumnSet .Recruitment h2{
background: none;
border: none;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #434343;
margin-bottom: 0;
padding: 20px 10px 15px;
}

.ColumnSet .Recruitment h2 strong{
	color: #434343;
}

.ColumnSet .Infrastructure a,
.ColumnSet .Application a,
.ColumnSet .Concierge a,
.ColumnSet .Recruitment a
{text-decoration: none;}

.ColumnSet .Infrastructure h2 strong { display: block; margin-top: 20px;}
.ColumnSet .Application h2 strong{display: block; margin-top: 20px;}
.ColumnSet .Concierge h2 strong{display: block; margin-top: 20px;}
.ColumnSet .Recruitment h2 strong{display: block; margin-top: 20px;}
.ColumnSet .Application h2 strong,
.ColumnSet .Concierge h2 strong,
.ColumnSet .Infrastructure h2 strong,
.ColumnSet .Recruitment h2 strong
{
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(/images/icon_link_right_green.png);
	background-size: 32px 32px;
	background-position: right;
	background-repeat: no-repeat;
	display: block;
}

.ColumnSet .Infrastructure:hover,
.ColumnSet .Application:hover,
.ColumnSet .Concierge:hover,
.ColumnSet .Recruitment:hover {
	opacity: 0.6;
}

.ColumnSet .Infrastructure:hover h2 strong,
.ColumnSet .Application:hover h2 strong,
.ColumnSet .Concierge:hover h2 strong,
.ColumnSet .Recruitment:hover h2 strong
{
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(/images/icon_link_right_green_h.png);
	background-size: 32px 32px;
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
}

/* --- ePower Cloudとは --- */
.ColumnSet.ThreeColumn .Introduction h2 { border-bottom-color: #4f93d9; }

/* --- 商品・ソリューション --- */
.ColumnSet.ThreeColumn h2 + ul {
	margin: 10px 0 0;
}

.ColumnSet.ThreeColumn h2 + ul li {
	padding: 0;
}

.ColumnSet.ThreeColumn h2 + ul li a {
	display: block;
	padding: 10px 14px;
	background-image: none;
}

.ColumnSet.ThreeColumn h2 + ul li a:hover,
.ColumnSet.ThreeColumn h2 + ul li a:active {
	background-color: #f7f7f7;
	text-decoration: none;
}

.ColumnSet.ThreeColumn h2 + ul li a:after,
.DateListStyle2.ps .LinkListStyle1 li a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	/*margin-top: 2px;*/
	background: url("/image/jp/r1/icon/icon_link_right.gif") no-repeat center center transparent;
	vertical-align: middle;
	/*-webkit-transform: translate(0,-2px);
	transform: translate(0,-2px);*/
}

.ColumnSet.ThreeColumn h2 + ul li a:hover:after,
.ColumnSet.ThreeColumn h2 + ul li a:active:after,
.DateListStyle2.ps .LinkListStyle1 li a:hover:after,
.DateListStyle2.ps .LinkListStyle1 li a:active:after {
	background-image: url("/image/jp/r1/icon/icon_link_right_hover.gif");
}

/* ---トップページ --- */
.Topics {
	margin-bottom: 45px;
}

.Topics h2 {
	margin: 0 0 30px 0;
	padding: 15px 0 10px 70px;
	background: url("/images/icon_news.png") no-repeat 13px 9px transparent;
	border-bottom-width: 2px;
}

.Topics h2 span {
	border-left-style: none;
}

.Topics h2 span a {
	padding: 0;
	background-image: none;
}

.Topics h2 span:after {
	content:url("/images/icon_news_arrow.png");
	display: inline-block;
	margin: 0 0 0 5px;
	color: #0482cc;
	font-size: inherit;
}

.Topics h2 span a:hover,
.Topics h2 span a:active {
	padding-right: 0;
}

.DateListStyle2.ps {
	margin-bottom: 0;
}

.DateListStyle2.ps dl {
display: flex;
justify-content: flex-start;
}

.DateListStyle2.ps > a{
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000;
}

.DateListStyle2.ps > a:hover dt,
.DateListStyle2.ps > a:hover dd{
	color: #c02;
	text-decoration: underline;
}
	
.DateListStyle2.ps dt {
	padding: 10px 0 10px 16px;
	line-height: 140%;
}

/*.DateListStyle2.ps dd {
	margin: 0;
	padding: 0 0 12px 11.6em;
}*/
.DateListStyle2.ps dd {
	margin: 0;
	padding:10px 0 10px 16px;
}

.DateListStyle2.ps .LinkListStyle1 {
	margin: 0;
}

.DateListStyle2.ps .LinkListStyle1 li {
	padding: 0;
	width: 100%;
}

.DateListStyle2.ps .LinkListStyle1 li a {
	display: table-cell;
	margin: 0;
	padding: 18px 0 16px 99px;
	height: 100%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left 17px;
	background-size: auto;
	box-sizing: border-box;
}

.DateListStyle2.ps dt.press { background-image:url("/images/icon_press.gif"); background-position: 0 8px; background-repeat: no-repeat;padding-left: 120px; width: 160px;}
.DateListStyle2.ps dt.notice { background-image:url("/images/icon_notice.gif"); background-position: 0 8px; background-repeat: no-repeat;padding-left: 120px; width: 160px; }
.DateListStyle2.ps .LinkListStyle1 li a { background-image: none; padding: 10px 0 0 0;}
.DateListStyle2.ps .LinkListStyle1 li.press a { background-image:url("/images/icon_press.gif"); }
.DateListStyle2.ps .LinkListStyle1 li.notice a { background-image:url("/images/icon_notice.gif"); }
.DateListStyle2.ps .LinkListStyle1 li a:hover,
.DateListStyle2.ps .LinkListStyle1 li a:active {
	text-decoration: none;
}

.DateListStyle2.ps .LinkListStyle1 li a:after {
	/*see .ColumnSet.ThreeColumn h2 + ul li a:after*/
}

.DateListStyle2.ps .LinkListStyle1 img {
	margin-right: 8px;
}

/*.DateListStyle2.ps dt:hover + dd,
.DateListStyle2.ps dt:active + dd,
.DateListStyle2.ps dd:hover + dt,
.DateListStyle2.ps dd:active + dt {
	background-color: #f7f7f7;
}*/

/* --- ニュースリリース表示数調整（2007/03） ---*/
.DateListStyle2.ps {
	display: none;
}

/*.Topics h2 + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps {
	display: block;
}*/

.Topics h2 + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps,
.Topics h2 + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps + .DateListStyle2.ps {
display: flex;
justify-content: flex-start;
}

/* --- for English Site --- */
html[lang="en"] #BrandingImgStyle2 .ButtonStyle1 a {
	width: 183px;
	background-image: url("/en/images/btn_detail_en.png");
}

html[lang="en"] #BrandingImgStyle2 .ButtonStyle1 a:hover,
html[lang="en"] #BrandingImgStyle2 .ButtonStyle1 a:active {
	background-image: url("/en/images/btn_detail_en_on.png");
}

html[lang="en"] .ColumnSet.ThreeColumn h2 a {
	padding: 2px 24px 3px 10px;
	background-position: calc(100% - 10px) center;
	width: 100%;
    box-sizing: border-box;
}

html[lang="en"] .ColumnSet.ThreeColumn h2 + ul {
	padding-top: 5px;
}

html[lang="en"] .ColumnSet.ThreeColumn h2 + ul li {
	padding: 0 0 0 1em;
}

/* [xx] 個人情報保護に関して
=========================================================================================== */
.TextStyle5,
.TextStyle6,
.TextStyle7 { font-size: 90%; }

.TextStyle5 { margin: 0 0 20px 1.4em; }
.TextStyle6 { margin: 0 0 20px 2.5em; }
.TextStyle7 { margin: 0 0 0 2.5em; }

ol.ListStyle1.addListStyle1,
ol.ListStyle3.addListStyle3 {
	list-style-type: none;
	margin-left: 2.5em;
	margin-bottom: 20px;
}

ol.ListStyle1.addListStyle1 li,
ol.ListStyle3.addListStyle3 li { text-indent: -1.5em; }

ol.ListStyle1.addListStyle1 li *,
ol.ListStyle3.addListStyle3 li * { text-indent: 0; }

ol.ListStyle1.addListStyle1 li ul,
ol.ListStyleA ul {
	margin-bottom: 0;
	font-size: 100%;
}

ol.ListStyle1.addListStyle1 li h4.Special { margin-top: 20px; }

ol.ListStyle1.addListStyle1 li ol.ListStyleA {
	margin: 30px 0 20px;
	list-style-type: lower-alpha;
	font-size: 111%;
}

div.AfterList { margin-left: 2.2em; }

/* [-] 2017年度 安全衛生活動方針
=========================================================================================== */
ol.ListStyle1.addListStyle1ml0,
ol.ListStyle3.addListStyle3ml0 {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 20px;
}

ol.ListStyle1.addListStyle1ml0 li,
ol.ListStyle3.addListStyle3ml0 li { 
	list-style-type: none;
	text-indent: -1.5em; 
}

ol.ListStyle1.addListStyle1ml0 li *,
ol.ListStyle3.addListStyle3ml0 li * { text-indent: 0; }

/* [-] 共通クラス（hisysps.cssより移植。その他追加）
=========================================================================================== */
/* ---モジュールの余白を調整するスタイル--- */
.Bottom0 { margin-bottom: 0 !important; }
.Bottom5 { margin-bottom: 5px !important; }
.Bottom10 { margin-bottom: 10px !important; }
.Bottom15 { margin-bottom: 15px !important; }
.Bottom20 { margin-bottom: 20px !important; }
.Bottom25 { margin-bottom: 25px !important; }
.Bottom30 { margin-bottom: 30px !important; }
.Bottom35 { margin-bottom: 35px !important; }
.Bottom40 { margin-bottom: 40px !important; }
.Bottom45 { margin-bottom: 45px !important; }
.Bottom50 { margin-bottom: 50px !important; }
.Bottom60 { margin-bottom: 50px !important; }
.Bottom65 { margin-bottom: 65px !important; }
.Bottom75 { margin-bottom: 75px !important; }
.Bottom85 { margin-bottom: 85px !important; }
.Bottom90 { margin-bottom: 90px !important; }
.Bottom100 { margin-bottom: 100px !important; }
.Bottom110 { margin-bottom: 110px !important; }

.PBottom0 { padding-bottom: 0 !important; }
.PBottom5 { padding-bottom: 5px !important; }
.PBottom10 { padding-bottom: 10px !important; }
.PBottom15 { padding-bottom: 15px !important; }
.PBottom20 { padding-bottom: 20px !important; }
.PBottom25 { padding-bottom: 25px !important; }
.PBottom30 { padding-bottom: 30px !important; }
.PBottom35 { padding-bottom: 35px !important; }
.PBottom40 { padding-bottom: 40px !important; }
.PBottom45 { padding-bottom: 45px !important; }
.PBottom50 { padding-bottom: 50px !important; }
.PBottom60 { padding-bottom: 60px !important; }
.PBottom65 { padding-bottom: 65px !important; }
.PBottom75 { padding-bottom: 75px !important; }
.PBottom85 { padding-bottom: 85px !important; }
.PBottom90 { padding-bottom: 90px !important; }
.PBottom100 { padding-bottom: 100px !important; }
.PBottom110 { padding-bottom: 110px !important; }

.PTop0 { padding-top: 0 !important; }

div.Section.Bottom0 { padding-bottom: 0; }

.Right0 { margin-right: 0 !important; }
.PRight0 { padding-right: 0 !important; }

/* ---テーブル セルの幅指定--- */
.Wide20px  { width:  20px; }
.Wide40px  { width:  40px; }
.Wide60px  { width:  60px; }
.Wide80px  { width:  80px; }
.Wide100px { width: 100px; }
.Wide120px { width: 120px; }
.Wide140px { width: 140px; }
.Wide160px { width: 160px; }
.Wide180px { width: 180px; }
.Wide200px { width: 200px; }
.Wide220px { width: 220px; }
.Wide240px { width: 240px; }
.Wide260px { width: 260px; }
.Wide280px { width: 280px; }
.Wide300px { width: 300px; }
.Wide320px { width: 320px; }
.Wide340px { width: 340px; }
.Wide360px { width: 360px; }
.Wide380px { width: 380px; }
.Wide400px { width: 400px; }
.Wide420px { width: 420px; }
.Wide440px { width: 440px; }
.Wide460px { width: 460px; }
.Wide480px { width: 480px; }
.Wide870px { width: 870px; }/*.Wide870px 201909++++++++++++++++++++++++*/

.Wide5Per  { width:  5%; }
.Wide10Per { width: 10%; }
.Wide15Per { width: 15%; }
.Wide20Per { width: 20%; }
.Wide25Per { width: 25%; }
.Wide30Per { width: 30%; }
.Wide35Per { width: 35%; }
.Wide40Per { width: 40%; }
.Wide45Per { width: 45%; }
.Wide50Per { width: 50%; }
.Wide55Per { width: 55%; }
.Wide60Per { width: 60%; }
.Wide65Per { width: 65%; }
.Wide70Per { width: 70%; }
.Wide75Per { width: 75%; }
.Wide80Per { width: 80%; }
.Wide85Per { width: 85%; }
.Wide90Per { width: 90%; }
.Wide95Per { width: 95%; }

/* ---幅100%テーブルの上寄せ指定--- */
table.TableStyle3.TopAdjust th,
table.TableStyle3.TopAdjust td { vertical-align: top; }

/* ---横並び定義リスト（ニュースリリース等）--- */
dl.Float5em dt {
	width: 5em;
	float: left;
	clear: both;
}
dl.Float5em dd {
	margin-left: 5em;
}

dl.NotesStyleSpecial dt {
	width: 2.5em;
}
dl.NotesStyleSpecial dd {
	margin-left: 2.6em;
}

/* ---キャプション付きの画像のセンタリング処理（会社情報等）---*/
.ImgWithCaption { 
	text-align: center;
}

/* ---テキストのスタイル（インデントその他）--- */
p.indent {
	padding-left: 2em;
}
.FontSmall {
	font-size: 83%;
	letter-spacing: 0;
}
.nwp { white-space: nowrap; }
span.nwp { display: inline-block; }
.brall { word-break: break-all; }
.brw { word-wrap: break-word; overflow-wrap: break-word; }
.Hanging {
	margin-left: 1em;
	text-indent: -1em;
}
.Indent1em { margin-left: 1em; }
p.FloatLeftAdjust { margin-left: 150px; }
.narrow {
	margin-left: -0.2em;
	letter-spacing: -0.25em;
}

/* ---リストのスタイル（インデントその他）--- */
.Indent0 { padding-left: 0em !important; }
.Indent5 { padding-left: 0.5em !important; }
.Indent10 { padding-left: 1em !important; }
.Indent15 { padding-left: 1.5em !important; }
.Indent20 { padding-left: 2em !important; }
.Indent25 { padding-left: 2.5em !important; }
.Indent30 { padding-left: 3em !important; }
.Indent35 { padding-left: 3.5em !important; }
.Indent40 { padding-left: 4em !important; }
.Indent45 { padding-left: 4.5em !important; }
.Indent50 { padding-left: 5em !important; }

ul.nonstyle,
ol.nonstyle {
	list-style-type: none;
	margin-left: 0;
}

ul.Bullet li {
	background-image: url(../../../image/jp/r1/icon/icon_list_marker_hd.gif) !important;
	padding-left: 1em !important;
}

/* ---スマートフォンでの表示/非表示用--- */
.HideSD { display: block; }
.ShowSD { display: none; }

/* ---タブレットでの表示/非表示用--- */
.ShowTablet { display: none; }

/* ---ページ内リンク用のアンカー--- */
a[name]:hover,
a[name]:active {
	color: inherit;
	text-decoration: none;
	background-image: none;
}

/* ------csr 2018/03/15 ----*/

.csrLinkArea .ColumnSet {
	width: 100%;
}

.csrLinkArea .ColumnOneThird {
	float: left;
	width: 33.33333333%;
	padding-left: 15px;
	box-sizing: border-box;
}

ul.ListStyle1.csr {
	list-style-type: none;
}

ul.ListStyle1.csr li{
	background-image: none;
}
.Grid3.TopBorderSet.Csr p.TextStyle1 {
	text-indent: 1em;
}
.Grid3.TopBorderSet.Csr p.TextStyle1 span {
	padding-left: 1em;
}

/** ListStyle fontsize **/
ul.ListStyle1.fsize100per {
	font-size: 100%;
	margin-bottom: -5px;
}

/* [-] for Responsive Web Design
=========================================================================================== */
@media screen and (min-width: 1px){
	.ColumnSet.ThreeColumn h2 + ul li a:after,
	.DateListStyle2.ps .LinkListStyle1 li a:after,
	.ServiceList ul.LinkListStyle1 li a:after,
	#services .Section .Inner ul li a:after {
		background-image: url("/image/jp/r1/icon/icon_link_right_hd.gif");
		background-size: 100% 100%;
	}
	.ColumnSet.ThreeColumn h2 + ul li a:hover:after,
	.ColumnSet.ThreeColumn h2 + ul li a:active:after,
	.DateListStyle2.ps .LinkListStyle1 li a:hover:after,
	.DateListStyle2.ps .LinkListStyle1 li a:active:after,
	.ServiceList ul.LinkListStyle1 li a:hover:after,
	.ServiceList ul.LinkListStyle1 li a:active:after,
	#services .Section .Inner ul li a:hover:after,
	#services .Section .Inner ul li a:active:after {
		background-image: url("/image/jp/r1/icon/icon_link_right_hover_hd.gif");
	}
	.Grid3.service .BoxPatternA.BoxA1 h2 span a {
		background-image: url("/image/jp/r1/icon/icon_link_right_xl_white_hd.gif") !important;
	}
}

@media screen and (max-width: 994px) {
	/* ---タブレットでの表示/非表示用--- */
	.JS .ShowTablet { display: block; }
	.JS br.ShowTablet { display: inline; }
	.JS .HideTablet { display: none; }

	.JS #TopicPath ul {
		padding-top: 15px;
	}
	.JS #SiteSummary > p {
		margin:0 15px;
		width:auto;
	}
	.JS table .ImgWithCaption img { 
		width: 100%;
	}

	/* ---トップページ--- */
	.JS .GridSet.TopCot .Grid4{
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;	
}
	
	/*.JS #BrandingImgStyle2 .ButtonStyle1 {
		bottom: 15.4%;
	}
	/*.JS #BrandingImgStyle2 + .ResponsiveTextSet .ButtonStyle1 a {
		width: 15.2%;
		height: 0;
		padding-bottom: 2.7%;
		background-size: 100% 100%;
	}*/

html[lang="en"] .ColumnSet.ThreeColumn h2 + ul {
	padding-top: 5px;
	margin-top: 70px;
}		
	.JS .ColumnSet.ThreeColumn .Column1 {
		width: 33.3%;
	}
	.JS .ColumnSet.ThreeColumn h2 a {
		background-position: calc(100% - 10px) center;
	}

	html[lang="en"] .ColumnSet.ThreeColumn .Column1 {
		width: 33.3%;
	}	
	
	html[lang="en"] .ColumnSet.ThreeColumn .Column1.LastItem {
		width: 33.3%;
	}
	
	/* ---商品・ソリューションページ--- */
	/*.JS .Grid3.service .PageTitleStyle1.LowerPage {
		height: calc(3.3em + 10px);
	}
	.JS .Grid3.service .PageTitleStyle1.LowerPage h1 {
		display: table-cell;
		height: 3.3em;
		vertical-align: middle;
		padding-top: 10px;
		padding-bottom: 0;
	}*/
	
	.JS .Grid3 .MeritBox .ColumnSet {
		margin-left: -10px;
	}
	.JS .Grid3 .MeritBox .Column1andHalf {
		padding-left: 10px;
	}
	.JS .MeritBox .ResultBox {
		width: 100%;
		max-width: 500px;
		box-sizing: border-box;
	}
	.JS .Grid3 .InquiryArea .ColumnSet {
		margin-left: -30px;
	}
	.JS .Grid3 .InquiryArea .Column1andHalf {
		padding-left: 30px;
	}
	
	.JS .ColumnSet.ThreeColumn.aboutWrap .Column1.management h2,
	.JS .ColumnSet.ThreeColumn.aboutWrap .Column1.system h2,
	.JS .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict h2{
		font-size: 129%;
	}
	
	.JS #Contents.TopPage{
		padding-left: 0;
		padding-right: 0;
	}
	.JS .GridSet.TopCot2{
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
	}
	.JS .GridSet.TopCot2 .Grid4{
		padding-left: 0;
	}	
	
	.JS #services .Section h3 a {
		background-position: calc(100% - 10px) center;
	}
	.JS #services .Section .Inner {
		padding-left: 33%;
	}
	.JS #services .Section .Inner:before {
		width: 33%;
	}
	.JS #services .Section .Inner .Column1andHalf {
		width: 50%;
	}

	.JS .MenuBox {
		margin-left: -15px;
	}
	.JS .MenuBox .ColumnSet {
		width: auto;
		max-width: 645px;
		margin: 0 auto;
	}
	.JS .MenuBox .ColumnSet .Column1 {
		margin-bottom: 15px;
	}

	.JS .BrandingImg img {
		width: auto;
	}

	/* ---会社情報ページのPanel Link--- */
	.JS .ColumnSet.PanelLink {
		margin-bottom: 15px;
	}
	.JS .PanelLink,
	.JS .PanelLink .Column1,
	.JS .PanelLink .Column1 ul,
	.JS .PanelLink .Column1 ul li,
	.JS .PanelLink .Column2,
	.JS .PanelLink .Column2 ul,
	.JS .PanelLink .Column2 ul li {
		height: auto;
	}
	.JS .PanelLink .Column2 ul li a {
		height: 0;
		padding-bottom: calc(48.42% - 15px);
		box-sizing: border-box;
	}
	.JS .PanelLink .Column2 ul li a span {
		width: calc(50% - 22.5px);
		height: 0;
		padding: 25px 2.6% calc(50% - 47.5px);
		box-sizing: border-box;
	}
	.JS .PanelLink .Column1 ul li a {
		height: 0;
		padding-bottom: calc(100% - 15px);
		box-sizing: border-box;
	}
	.JS .PanelLink .Column1 ul li a span {
		width: 100%;
		padding: 6%;
		box-sizing: border-box;
	}

	/* --- 会社概要 --- */
	html[lang="en"].JS table.staff th:first-child {
		min-width: 6em;
	}
	html[lang="en"].JS table.staff tr:nth-child(3) > td:nth-child(3) {
		white-space: normal;
	}

	.JS .t-group {
		max-width:100%;
	}
	.JS .t-group .ImgRightAdjust {
		width: 57.5%;
		max-width: 384px;
	}
	html[lang="en"].JS .t-group .ImgRightAdjust {
		width: 59.5%;
		max-width: 467px;
	}

	/* ---サポートページのPage Title--- */
	.JS .PageTitleStyle1.support {
		margin-bottom: 25px;
		background-size: auto 100%;
	}
	.JS .PageTitleStyle1.support .ColumnSet {
		margin-left: 0;
	}
	.JS .PageTitleStyle1.support .ColumnSet .Column1andHalf {
		padding-left: 0;
	}
}

@media screen and (max-width: 850px) {
	.JS .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService h2 br.HideRWD{
		display: none;
	}
	.JS .ColumnSet.ThreeColumn.aboutWrap .Column1.system h2 br.HideRWD{
		display: none;
	}	
}

@media screen and (max-width: 767px) {
	.JS .Grid1:empty { padding-top: 0 }
	.JS #ScrollArea { position: static !important; }

	/* --- スライダー --- */	
	.JS .bx-wrapper .bx-prev {
    left: 10px;
	top: 35%;	
	}	
	
	.JS .bx-wrapper .bx-next {
    right: 10px;
	top: 35%;	
	}
	
	/* --- Page Title, Heading --- */
	.JS .Grid4 h2,
	.JS .Grid3.service h2 {
		margin-left: 0;
		margin-right: 0;
	}
	
	.JS .Grid3.service .PageTitleStyle1.LowerPage h1 {
    	padding-left: 10px;
    	padding-right: 5px;
	}
		
	.JS .ColumnSet.ThreeColumn.serviceWrap.Bottom110{
		margin-bottom: 10%!important;
	}	
	
	/* ---トップページ--- */
	.JS .Grid3 .PageTitleStyle1.LowerPage p.logo_ePower {
		width: 140px!important;
	}
	
	.JS #Contents.TopPage{
		padding-right:0;
		padding-left:0;
	}

	.JS .GridSet.TopCot2 {
		padding-right:15px;
		padding-left:15px;
	}

	.JS .Grid4 .Column1 {
    	padding: 0 0 0 0;
	}

	.JS .ResponsiveBrandingImgStyle.hover #BrandingImgStyle2 {
		background-image: url("/images/branding_rwd.png");
		background-position: 1% top;
		background-size: cover;
	}
	
	html[lang="en"].JS .ResponsiveBrandingImgStyle.hover #BrandingImgStyle2 {
		background-image: none;
		background-position: 1% top;
		background-size: cover;
	}
	
	html[lang="en"].JS #BrandingImgStyle2 img.HideRWD{display: block!important;}
	
	.JS #BrandingImgStyle2 img.ShowRWD {
		display: block;
		max-width: 166.38%;
		position: absolute;
		top: 10%;
		left: calc(50% - 482.5px);
	}
	
	html[lang="en"].JS #BrandingImgStyle2 img.ShowRWD {
		display: none;
	}

	.JS #BrandingImgStyle2 .ButtonStyle1 {
		bottom: 65px;
	}
	.JS #BrandingImgStyle2 + .ShowRWD {
		display: block;
		padding: 10px 0;
		color: #fff;
		cursor: pointer;
		background-color: #363434;
	}
	.JS #BrandingImgStyle2 + .ShowRWD .TextStyle1 {
		margin: 0 15px;
	}

	.JS .ColumnSet.ThreeColumn .Column1 {
		clear: both;
		width: auto;
		margin-left: 15px;
		padding-left: 0;
	}
	
	html[lang="en"].JS .ColumnSet.ThreeColumn .Column1 {
    width: 100%;
    padding-right: 15px;
	}
	
	.JS .ColumnSet.ThreeColumn h2,
	.JS .ColumnSet.ThreeColumn h2 + ul {
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	.JS .ColumnSet.ThreeColumn h2 {
		position: relative;
		border-bottom-style: none;
	}
	
	html[lang="en"] .ColumnSet.ThreeColumn .Application h2,
	html[lang="en"] .ColumnSet.ThreeColumn .Concierge h2,
	html[lang="en"] .ColumnSet.ThreeColumn .Infrastructure h2{
		position: relative;
		border-bottom-style: none;
	}
	
	.JS .ColumnSet.ThreeColumn h2:before { margin-top: 70px; }
	.JS .ColumnSet.ThreeColumn h2 + ul { margin-top: 70px; }
	.JS .ColumnSet.ThreeColumn h2 a {
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		box-sizing: border-box;
	}
		html[lang="en"].JS .ColumnSet.ThreeColumn .Introduction h2 a { border-bottom-color: #4f93d9; }
		html[lang="en"].JS .ColumnSet.ThreeColumn .Application h2 a { border-bottom-color: #4f93d9; width: 200%;}
		html[lang="en"].JS .ColumnSet.ThreeColumn .Concierge h2 a { border-bottom-color: #76ba3a; width: 200%;}
		html[lang="en"].JS .ColumnSet.ThreeColumn .Infrastructure h2 a { border-bottom-color: #f6923c; width: 200%;}
	
	
	
	.JS .Category_corporate{height: auto; padding: 10% 0; margin-bottom: 10%; display: block;}	
	.JS .Category_corporate .ColumnSet{flex-basis: 50%; flex-wrap: wrap;}	
	.JS .ColumnSet.Category{display: block;}
	.JS .ColumnSet.Category .bg_ct01{width: 100%; padding: 8% 8% 10% 8%; background-image: url(../images/bg_item01_sp.jpg);}	
	.JS .ColumnSet.Category .bg_ct02{width: 100%; padding: 8% 8% 10% 8%; background-image: url(../images/bg_item02_sp.jpg);}
	
	.JS .ColumnSet .Infrastructure{width: 50%; margin: 0;}
	.JS .ColumnSet .Application{width: 50%; margin: 0;}
	.JS .ColumnSet .Concierge{width: 50%; margin: 0;}
	.JS .ColumnSet .Recruitment{width: 50%; margin: 0;}
	
	.JS .ColumnSet .Infrastructure h2{margin: 0 0 0 0;}
	.JS .ColumnSet .Application h2{margin: 0 0 15% 0;}
	.JS .ColumnSet .Concierge h2{margin: 0 0 15% 0;}
	.JS .ColumnSet .Recruitment h2{margin: 0;}	
	
	.JS .DateListStyle2.ps dt {
		float: inherit;
		padding: 40px 0 0 0;
	}

	.JS .DateListStyle2.ps dd {
	padding:0 0 10px 0;
	}	
	
/* ---商品・ソリューションページ--- */	
	.JS #mv{
		margin: 0;
	}	
	.JS #mv #BrandingImgStyle2 img{
		width: 100%;
		max-width: 100%;
		height: auto;
		position: inherit;
		top: 0;
		left: 0;
		padding-bottom: 0;
	}	
	.JS #mv #BrandingImgStyle2 img{
		width: 100%;
		max-width: 100%;
		height: auto;
		position: inherit;
		top: 0;
		left: 0;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap {
		flex-direction: column;
		margin: 0 0 10% 0;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict {	
		width: 100%;
		float: inherit;
		margin: 0 0 10%;
		box-sizing: border-box;
		height: 100%;
	}
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management h2,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system h2,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict h2{		
		float: inherit;
		font-size: 30px;
		text-align: left;
		width: 100%;
	}
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management img,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system img,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict img{		
		width: 100%;
		max-width: 100%;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management a p,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system a p,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict a p{			
    text-align: left;
    font-size: 24px;
	}

	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap.Bottom100 {
	margin-bottom: 5%!important;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap {
		flex-direction: column;
		margin: 0;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo {
		width: 100%;
		float: inherit;
		margin: 0 0 10%;
		box-sizing: border-box;
		height: auto;
		min-height: auto;
	}
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo h2 {
		float: inherit;
		font-size: 30px;
		text-align: left;
		width: 100%;
	}
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power img,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device img,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService img,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo img {
		width: 100%;
		max-width: 100%;
	}	
	
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo a p {
    text-align: left;
    font-size: 24px;
	}
	

.JS #Contents .ColumnSet.ThreeColumn.serviceWrap.Bottom100 {
	margin-bottom: 5%!important;
	}

	.JS #Contents .bnrFoot{
		margin-bottom: 7%;
	}	
	
	.JS #Contents .bnrFoot img{
		width: 100%;
		max-width: 100%;
	}
	
	/* ---商品・ソリューションページ--- */
	.JS .Grid3.service .InquiryArea {
		margin: 0 -15px;
		padding: 15px 15px 0;
		background-color: #b7b7b7;
	}
	
	.JS .InquiryArea {
		margin: 0 -15px 0;
		padding: 15px 15px 15px;
		background-color: #b7b7b7;
	}
	
	.JS .InquiryAreaV2 {
		margin: 0;
		padding: 15px 15px 0;
		background-color: #b7b7b7;
	}	

	.JS .MenuBox .ColumnSet .Column1 {
		float: left;
		width: 33.33333333%;
	}

	/* ---会社情報ページのPanel Link--- */
	.JS .Grid4 .PanelLink .Column2 {
		float: left;
		width: 50%;
	}
	.JS .PanelLink .Column2 ul li a {
		padding-bottom: calc(48% - 15px);
	}
	html[lang="en"].JS .PanelLink .Column1 ul li a {
		font-size: 100%;
	}
	.JS .PanelLink .Column2 ul li a span {
		width: 100%;
		height: auto;
		padding: 15px;
	}
	.JS .PanelLink .Column2 ul li.rinen a span br {
		display: none;
	}
	html[lang="en"].JS .PanelLink .Column2 ul li.rinen a span br {
		display: inline;
	}
	.JS .Grid4 .PanelLink .Column1 {
		float: left;
		width: 25%;
	}
	.JS .PanelLink .Column1 ul li.group a {
		font-size: 76%;
	}
	.JS .PanelLink .Column1 ul li a span {
		padding: 10%;
	}

	/* ---カラム調整--- */
	.JS .Grid3 .Column1.Column1Clear0,
	.JS .Grid3 .Column1.Column1Clear1,
	.JS .Grid3 .Column1.Column1Clear2,
	.JS .Grid4 .Column1.Column1Clear0,
	.JS .Grid4 .Column1.Column1Clear1,
	.JS .Grid4 .Column1.Column1Clear2,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear0,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,
	.JS .Grid3 .Column2.Column2Clear0,
	.JS .Grid3 .Column2.Column2Clear1,
	.JS .Grid3 .Column2.Column2Clear2,
	.JS .Grid4 .Column2.Column2Clear0,
	.JS .Grid4 .Column2.Column2Clear1,
	.JS .Grid4 .Column2.Column2Clear2 {
		float: left;
	}

	.JS .Grid4 .Column1.Column1Clear0,
	.JS .Grid4 .Column1.Column1Clear1,
	.JS .Grid4 .Column1.Column1Clear2 {
		width: 25%;
	}

	.JS .Grid3 .Column1.Column1Clear0,
	.JS .Grid3 .Column1.Column1Clear1,
	.JS .Grid3 .Column1.Column1Clear2 {
		width: 33.33333333%;
	}

	.JS .Grid3 .Column1andHalf.Column1andHalfClear0,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,
	.JS .Grid4 .Column2.Column2Clear0,
	.JS .Grid4 .Column2.Column2Clear1,
	.JS .Grid4 .Column2.Column2Clear2 {
		width: 50%;
	}

	.JS .Grid3 .Column2.Column2Clear0,
	.JS .Grid3 .Column2.Column2Clear1,
	.JS .Grid3 .Column2.Column2Clear2 {
		width: 66.66666666%;
	}
	
	/* --- リンクをパネルに変更 --- */
	.JS ul.ResponsivePanelLink{
		border-top:1px solid #CFCFCF;
	}
	.JS ul.ResponsivePanelLink li{
		background:url("/image/jp/r1/icon/icon_link_right.gif") no-repeat 100% center;
		padding:0.3em 0 0;
		margin:0;
	}
	.JS ul.ResponsivePanelLink li a{
		display:block;
		border-bottom:1px solid #CFCFCF;
		padding:1.2em 20px 0.7em 0.2em;
		margin-top:-1.2em;
		text-decoration:none;
	}
	.JS ul.ResponsivePanelLink li:hover{
		opacity:0.7;
	}
	
	
/*======================================*/	
.JS .Grid1.less {
    margin: 0 0 -1px 15px;
    padding: 15px 15px 0;
    box-sizing: border-box;
}	
		
}

@media screen and (max-width: 579px) {
	.JS .HideSD { display: none; }
	.JS .ShowSD { display: block; }
	.JS br.ShowSD { display: inline; }
	
	html[lang="en"].JS #BrandingImgStyle2 img.HideRWD{display: none!important;}
	html[lang="en"].JS #BrandingImgStyle2 img.ShowRWD {
		display: block!important;
		width: 100%;
		max-width: 100%;
		position: inherit;
		left: 0;
	}
	
	
	/* ---トップページ--- */
	
	/*スライダー*/	
	.JS .bx-controls-direction {
		display: none;
	}

	.JS .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
		right: 50px;
	}
	
	.JS .bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 15px;
	}	
	
	.JS #BrandingImgStyle2 img.ShowRWD {
		left: -33.2%;
	}
	.JS #BrandingImgStyle2 img.HideRWD {
		padding-bottom: 55.2%;
	}
	.JS .ResponsiveBrandingImgStyle #BrandingImgStyle2 .ButtonStyle1 {
		bottom: 20%;
		margin: 0;
	}
	.JS .DateListStyle2.ps dt {
		line-height: 100%;
	}
	.JS .DateListStyle2.ps dd {
		margin-top: -2em;
		padding-top: 2.25em;
		padding-left: 0;
	}
	.JS .DateListStyle2.ps dd .LinkListStyle1 {
		margin-bottom: 0;
	}
	.JS .DateListStyle2.ps dd .LinkListStyle1 li {
		min-height: 1px;
	}
	
	/* ---商品・ソリューションページ-=============================================================-- */	
	.JS #mv {
		padding-bottom: 40px;
	}		
	.JS #mv img.HideRWD {
	display: none!important;
	}
	.JS #mv img.ShowRWD {
	display: block!important;
	}
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management h2,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system h2,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict h2 {
    	font-size: 87.5%;
		margin-bottom: 20px;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.management a p,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.system a p,
	.JS #Contents .ColumnSet.ThreeColumn.aboutWrap .Column1.Ict a p {
    	font-size: 75%;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService h2,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo h2 {
    	font-size: 87.5%;
		margin-bottom: 5px;
	}	
	
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Power a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Device a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.ContactService a p,
	.JS #Contents .ColumnSet.ThreeColumn.serviceWrap .Column1.Bpo a p {
    	font-size: 75%;
	}
	
	/* ---商品・ソリューションページ--- */
	.JS .PageTitleStyle1.ps.service_top {
		padding-left: 120px;
		font-size: 210%;
	}
	html[lang="en"].JS .PageTitleStyle1.ps.cloud {
		font-size: 200%;
	}
	.JS .Grid3.service .PageTitleStyle1.LowerPage {
		font-size: 220%;
	}
	.JS .Grid3.service .PageTitleStyle1.LowerPage.LongTitle {
		font-size: 180%;
	}
	
	.JS .Grid3.service .PageTitleStyle1.LowerPage h1.top10 {
    padding-top: 0;
	}

	.JS .AdjustSP {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}

	.JS .Grid3 .MeritBox .Column1andHalf.FirstItem {
		margin-bottom: 30px;
	}
	.JS .MeritBox .ResultBox {
		padding-left: 15px;
		padding-right: 15px;
	}
	.JS .MeritBox .ResultBox p.CenterAdjust {
		text-align: left;
	}
	.JS .InquiryArea .Inner {
		padding: 15px;
		background-color: #f2f2f2;
	}
	.JS .Grid3 .InquiryArea .ColumnSet {
		margin-left: 0;
	}
	.JS .Grid3 .InquiryArea .Column1andHalf {
		padding-left: 0;
	}
	.JS .Grid3 .InquiryArea .Column1andHalf.FirstItem {
		margin-bottom: 15px;
	}		
	.JS .InquiryAreaV2 .Inner {
		padding: 15px;
		background-color: #f2f2f2;
	}
	.JS .InquiryAreaV2 .ColumnSet {
		margin-left: 0;
		display: block;
	}
	.JS .InquiryAreaV2 .Column1andHalf {
		padding-left: 0;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.JS .InquiryAreaV2 .Column1andHalf.FirstItem {
		margin:  0 auto 15px;
	}	
	.JS .InquiryAreaV2 .Column1andHalf img{
		max-width: 100%;
		height: auto;
		width: 100%;
	}		
	.JS .PreCase .Column1andHalf.FirstItem {
		margin-bottom: 30px;
	}
	.JS .PreCase img {
		width: auto;
	}
	.JS .Case h3 span {
		font-size: 100%;
	}
	.JS #services .Section {
		padding-top: 160px;
	}
	.JS #services .Section .Inner {
		padding-left: 0;
		min-height: 1px;
	}
	.JS #services .Section .Inner:before {
		width: 100%;
		top: -239px;
	}
	.JS #services .Section .Inner .Column1andHalf {
	    width: 100%;
	}
	
	.JS #services .Section.Introduction {
		padding-top: 0;
	}	
	
	.JS #services .Section.Introduction	.ColumnSet.Bottom30{
		margin-bottom: 0!important;		
	}
	
	.JS .MenuBox .ColumnSet {
		max-width: 430px;
	}
	.JS .MenuBox .ColumnSet .Column1 {
		width: 50%;
	}
	
	/* ---会社情報ページのPanel Link--- */
	.JS .Grid4 .PanelLink {
		margin-bottom: 0;
	}
	.JS .Grid4 .PanelLink .Column2 {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	html[lang="en"].JS .PanelLink .Column1 ul li a {
		font-size: 115%;
	}
	.JS .PanelLink .Column1 ul li a span,
	.JS .PanelLink .Column2 ul li a span {
		padding: 15px;
	}
	html[lang="en"].JS .PanelLink .Column2 ul li.rinen a span br {
		display: none;
	}
	.JS .Grid4 .PanelLink .Column1 {
		width: 50%;
		margin-bottom: 15px;
	}
	.JS .PanelLink .Column1 ul li.group a {
		font-size: 105%;
	}

	/* --- 会社概要 --- */
	.JS table.staff td { text-align: left; }
	html[lang="en"].JS table.staff th:first-child {
		min-width: 0;
	}
	html[lang="en"].JS table.staff tr td:nth-child(even) {
		white-space: normal;
	}
	.JS .t-group {
		width: 100%;
		max-width: 384px;
		margin-left: auto;
		margin-right: auto;
	}
	html[lang="en"].JS .t-group { max-width: 467px; }
	.JS .t-group .ImgRightAdjust {
		width: auto !important;
		max-width: 100% !important;
	}

	/* ---カラム調整--- */
	.JS .Grid3 .Column1.Column1Clear2,
	.JS .Grid4 .Column1.Column1Clear2,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear2,
	.JS .Grid3 .Column2.Column2Clear2,
	.JS .Grid4 .Column2.Column2Clear2 {
		float: none;
		width: auto;
	}
	
	/*--csr--*/
	br.ShowSD2 { display: inline; }
	
	.csrLinkArea .ColumnOneThird {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.RightAdjustClear2 {
		text-align: left !important;
	}
}

@media screen and (max-width: 399px) {
	/* --- Page Title, Heading --- */
	.JS .PageTitleStyle1.ps {
		height: 120px;
		padding-left: 110px;
		font-size: 220%;
		background-size: auto 100px;
	}
	.JS .PageTitleStyle1.ps.service_top {
		padding-left: 90px;
		font-size: 190%;
	}
	html[lang="en"].JS .PageTitleStyle1.ps.cloud {
		padding-left: 100px;
		font-size: 170%;
	}

	/* ---トップページ--- */
	.JS .ColumnSet.ThreeColumn h2,
	.JS .ColumnSet.ThreeColumn h2 + ul {
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.JS .ColumnSet.ThreeColumn h2:before { margin-top: 10px; }
	
	.JS .ColumnSet.ThreeColumn h2 a {
		position: static;
		width: 100%;
	}
	.JS .ColumnSet.ThreeColumn h2 a strong {
		display: block;
		height: auto;
		margin-bottom: 6px;
	}
	html[lang="en"].JS .ColumnSet.ThreeColumn h2 a strong {
		margin-top: 6px;
	}
	
	.JS .DateListStyle2.ps dd {
		margin-top: -2em;
	}
	
	html[lang="en"].JS .ColumnSet.ThreeColumn .Application h2 a {
    width: 100%;
	}
	
	html[lang="en"].JS .ColumnSet.ThreeColumn .Concierge h2 a {
    width: 100%;
	}
	
	html[lang="en"].JS .ColumnSet.ThreeColumn .Infrastructure h2 a {
    width: 100%;
	}
	
	html[lang="en"] .ColumnSet.ThreeColumn h2 + ul {
    padding-top: 5px;
    margin-top: 0;
}

html[lang="en"] .ColumnSet.ThreeColumn h2 a strong {
    height: 100%;
	margin-bottom: 6px;
	display: block;
}
	
html[lang="en"] .ColumnSet.ThreeColumn .Concierge h2:before {
	position: relative;
	}	
	
/*	.JS .DateListStyle2.ps dd .LinkListStyle1 li {
		margin-top: -1.2em;
	}
	.JS .DateListStyle2.ps dd .LinkListStyle1 li a {
		display: block;
		width: 100%;
		padding-top: 2.2em;
		padding-left: 0;
		background-position: 10.4em top;
		box-sizing: border-box;
	}*/
	
	.ColumnSet .Application h2 a:link, .ColumnSet .Application h2 a:visited, .ColumnSet .Concierge h2 a:link, .ColumnSet .Concierge h2 a:visited, .ColumnSet .Infrastructure h2 a:link, .ColumnSet .Infrastructure h2 a:visited, .ColumnSet .Recruitment h2 a:link, .ColumnSet .Recruitment h2 a:visited {
    padding-left: 20px;
    padding-right: 25px;
	}
	
	/* ---商品・ソリューションページ--- */
	.JS .Grid3.service .PageTitleStyle1.LowerPage {
		font-size: 160%;
	}
	.JS .Grid3.service .PageTitleStyle1.LowerPage.LongTitle {
		font-size: 145%;
	}
	.JS .Grid3.service .PageTitleStyle1.LowerPage h1 {
		padding-top: 25px;
	}
	.JS .Grid3.service .CatchCopy, .JS .Grid3.about .CatchCopy {
		font-size: 110%;
	}
	.JS .Case h3 img {
		width: 48px;
	}
	.JS .Case h3 span {
		font-size: 96%;
		height: 56px;
	}
	.JS .Case .ButtonStyle2 li a {
		font-size: 96%;
		padding-left: 10px;
		padding-right: 18px;
		border-right-width: 8px;
	}
	.JS .service .ButtonStyle1 li a {
		display: inline-block;
	}

	/* ---会社情報ページのPanel Link--- */
	html[lang="en"].JS .PanelLink .Column1 ul li a {
		font-size: 100%;
	}
	.JS .PanelLink .Column1 ul li.group a {
		font-size: 76%;
	}
	html[lang="en"].JS .PanelLink .Column2 ul li.rinen a span br {
		display: inline;
	}

	/* --- 会社概要・許認可等 --- */
	.JS table.staff th, .JS table.staff td { width: auto; }
	.JS table.staff tr td:nth-child(even) {
		white-space: normal;
		min-width: 3em;
	}
	.JS table.approval th,
	.JS table.approval td,
	html[lang="en"].JS table.staff td {
		padding-left: 5px;
		padding-right: 5px;
	}

	/* ---カラム調整--- */
	.JS .Grid3 .Column1.Column1Clear1,
	.JS .Grid4 .Column1.Column1Clear1,
	.JS .Grid3 .Column1andHalf.Column1andHalfClear1,
	.JS .Grid3 .Column2.Column2Clear1,
	.JS .Grid4 .Column2.Column2Clear1 {
		float: none;
		width: auto;
	}
	.break {
		word-break: break-all;
	}

	.RightAdjustClear1 {
		text-align: left !important;
	}
}