@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.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 {
	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;
}
.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;
}

.InquiryBtn {
	margin: 10px 0 30px;
}
.InquiryBtn a:hover img,
.InquiryBtn a:active img,
.InquiryArea .Inner a:hover img,
.InquiryArea .Inner a:active img {
	-ms-filter: "alpha(opacity=85)";
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.Grid3.service .InquiryArea {
	margin: 0 0 40px;
}
.Grid3.service .InquiryArea h2 {
	padding: 10px;
	margin-bottom: 0;
	background-color: #53616c;
	border-bottom: none;
}
.Grid3.service .InquiryArea h2 span {
	padding: 7px 0 2px 15px;
	color: #fff;
	border-left-color: #fff;
}
.InquiryArea .Inner {
	padding: 30px;
	background-color: #f2f2f2;
}
.InquiryArea .Column1andHalf {
	width: 315px;
	margin-left: 30px;
}
.InquiryArea .Column1andHalf.FirstItem {
	margin-left: 0;
}

.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.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;
}
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.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;
}
#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;
}
.ColumnSet.ThreeColumn .Application h2 { border-bottom-color: #4f93d9; }
.ColumnSet.ThreeColumn .Concierge h2 { border-bottom-color: #76ba3a; }
.ColumnSet.ThreeColumn .Infrastructure h2 { border-bottom-color: #f6923c; }
.ColumnSet.ThreeColumn .Application h2:before { content: url("/images/img_saas.png"); }
.ColumnSet.ThreeColumn .Concierge h2:before { content: url("/images/img_concierge.png"); }
.ColumnSet.ThreeColumn .Infrastructure h2:before { content: url("/images/img_infrastructure.png"); }
.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: 20px;
}
.Topics h2 {
	margin: 0;
	padding: 15px 0 10px 50px;
	background: url("/images/icon_news.gif") 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: "\003e";
	display: inline-block;
	margin: 0 0 0 5px;
	color: #0482cc;
	font-size: inherit;
	-webkit-transform: scale(0.8,1.3);
	transform: scale(0.8,1.3);
}
.Topics h2 span a:hover,
.Topics h2 span a:active {
	padding-right: 3px;
}

.DateListStyle2.ps {
	margin-bottom: 0;
}
.DateListStyle2.ps dt {
	padding: 18px 0 0 16px;
	box-sizing: border-box;
}
.DateListStyle2.ps dd {
	margin: 0;
	padding: 0 0 0 11.6em;
	border-bottom: 1px dashed #bebebe;
}
.DateListStyle2.ps .LinkListStyle1 {
	margin: 0;
}
.DateListStyle2.ps .LinkListStyle1 li {
	padding: 0;
	min-height: 54px;
	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 .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,
.DateListStyle2.ps dd:active {
	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;
}

/* --- 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;
}
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: 0m;
	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; }

.PBottom0 { padding-bottom: 0 !important; }
.PBottom5 { padding-bottom: 5px !important; }
.PBottom10 { padding-bottom: 10px !important; }
.PBottom15 { padding-bottom: 15px !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; }

.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; }
.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; }

/* ---ページ内リンク用のアンカー--- */
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;
}

/* [-] 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 #TopicPath ul {
		padding-top: 15px;
	}
	.JS #SiteSummary > p {
		margin:0 15px;
		width:auto;
	}
	.JS table .ImgWithCaption img { 
		width: 100%;
	}

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

	.JS .ColumnSet.ThreeColumn .Column1 {
		width: 33.3%;
	}
	.JS .ColumnSet.ThreeColumn h2 a {
		background-position: calc(100% - 10px) center;
	}

	/* ---商品・ソリューションページ--- */
	/*.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 #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: 767px) {
	.JS .Grid1:empty { padding-top: 0 }
	.JS #ScrollArea { position: static !important; }

	/* --- Page Title, Heading --- */
	.JS .Grid4 h2,
	.JS .Grid3.service h2 {
		margin-left: 0;
		margin-right: 0;
	}

	/* ---トップページ--- */
	.JS .ResponsiveBrandingImgStyle.hover #BrandingImgStyle2 {
		background-image: url("/images/branding_rwd.png");
		background-position: 1% top;
		background-size: cover;
	}
	.JS #BrandingImgStyle2 img.ShowRWD {
		display: block;
		max-width: 166.38%;
		position: absolute;
		top: 10%;
		left: calc(50% - 482.5px);
	}
	.JS #BrandingImgStyle2 img.HideRWD {
		display: block;
		height: 0;
		padding-bottom: 320px;
	}
	.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;
	}
	.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;
	}
	.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;
	}
	.JS .ColumnSet.ThreeColumn .Application h2 a { border-bottom-color: #4f93d9; }
	.JS .ColumnSet.ThreeColumn .Concierge h2 a { border-bottom-color: #76ba3a; }
	.JS .ColumnSet.ThreeColumn .Infrastructure h2 a { border-bottom-color: #f6923c; }

	/* ---商品・ソリューションページ--- */
	.JS .Grid3.service .InquiryArea {
		margin: 0 -15px;
		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;
	}
}

@media screen and (max-width: 579px) {
	.JS .HideSD { display: none; }
	.JS .ShowSD { display: block; }

	/* ---トップページ--- */
	.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: -2.25em;
		padding-top: 2.25em;
		padding-left: 16px;
	}
	.JS .DateListStyle2.ps dd .LinkListStyle1 {
		margin-bottom: 0;
	}
	.JS .DateListStyle2.ps dd .LinkListStyle1 li {
		min-height: 1px;
	}

	/* ---商品・ソリューションページ--- */
	.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 {
		padding-left: 10px;
		padding-right: 5px;
	}

	.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 .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 .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;
	}
}

@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: 15px; }
	.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 .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;
	}

	/* ---商品・ソリューションページ--- */
	.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: 5px;
	}
	.JS .Grid3.service .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;
	}
}