@charset "Shift_JIS";


/*767pxで非表示にする用*/
.sp767{ display:block !important; }
.hoverAction:hover{
	opacity:0.7!important;
}

/***************************
 * 製品一覧ページ独自設定 *
 ***************************/

/* 絞り込み操作パネル
 **********************************/
div#operationArea{
	background:#f5f5f5;
}
div#operationArea ul#RefineOperator{
	width:100%;
	background:#555;
}
div#operationArea ul#RefineOperator li{
	float:left;
	margin:0 0 1px 1px;
}
div#operationArea ul#RefineOperator li a{
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	width:179px;
	text-align:center;
	font-size:83%;
	padding:8px 0;
	background:#262626;
	box-sizing:border-box;
	border:2px solid #262626;
}
div#operationArea ul#RefineOperator li a:hover{
	border:2px solid #b1000e;
}
/*カテゴリ選択時*/
div.ManageCate01 p.ManegementCategory,
div#operationArea ul#RefineOperator li.ManageCate01 a.selectItem{
	background:#a71f24;
}
div.ManageCate02 p.ManegementCategory,
div#operationArea ul#RefineOperator li.ManageCate02 a.selectItem{
	background:#477936;
}
div.ManageCate03 p.ManegementCategory,
div#operationArea ul#RefineOperator li.ManageCate03 a.selectItem{
	background:#c75d19;
}
div.ManageCate04 p.ManegementCategory,
div#operationArea ul#RefineOperator li.ManageCate04 a.selectItem{
	background:#1767b2;
}

div#operationArea ul#RefineOperator li.selectItem a:hover{
	border:none;
	width:179px;
	padding:10px 0;
}
div#operationArea div#clearBtnArea{
	text-align:center;
}
div#operationArea p#clearBtn{
	font-size:83%;
	background:#007899;
	color:#FFF;
	display:inline-block;
	padding:10px 50px;
	border-radius:5px;
}
p#clearBtn.hoverAction:hover{
	text-decoration:none!important;
}
div#operationArea p#clearBtn.disableItem{
	background:#CCC;
}

p.ManegementCategory{
	min-width:8em;
	text-align:center;
	display:inline-block;
	color:#FFF;
	font-size:83%;
	margin:0 15px 15px;
	padding:4px 10px 3px;
}

/**********************
 * 製品一覧下位ページ *
 **********************/
div#IntelligenceTitle{ border-color:#A71f24; }
div#MonitoringTitle{ border-color:#477936; }
div#GovernanceTitle{ border-color:#C75D19; }
div#AutomationTitle{ border-color:#1767B2; }

/*h1エリアに動画挿入*/
div.PageTitleStyle3.hasSubTitle.hasMovie{
	padding-right:190px;
}
div.PageTitleStyle3.hasSubTitle > div.movieSection{
	width:170px;
	position:absolute;
	top:35px;
	right:15px;
}
div.PageTitleStyle3.hasSubTitle > div.movieSection p.ImgOnlyStyle img{
	width:100%;
}

div.productSection h3{
	border:none;
	border-left:9px solid #4F81BD;
	padding-left:5px;
	color:#333;
	font-size:120%;
	margin-bottom: 20px;
}

h2#nbu01,
h2#nbu02,
h2#nbu03{
	text-align: left;
}

div#nbu01_01Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_01.png') no-repeat center right;
	background-size:40% auto;
	padding-right:350px;
	box-sizing:border-box;
	min-height:220px;
}
div#nbu01_02Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_02.png') no-repeat center left;
	background-size:40% auto;
	padding-left:380px;
	box-sizing:border-box;
	min-height:150px;
}
div#nbu02_01Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_03.png') no-repeat center right;
	background-size:40% auto;
	padding-right:350px;
	box-sizing:border-box;
	min-height:220px;
}
div#nbu02_02Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_04.png') no-repeat center left;
	background-size:40% auto;
	padding-left:380px;
	box-sizing:border-box;
	min-height:150px;
}

div#nbu02_03Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_05.png') no-repeat center right;
	background-size:40% auto;
	padding-right:350px;
	box-sizing:border-box;
	min-height:400px;
}
div#nbu03_01Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_06.png') no-repeat center left;
	background-size:33% auto;
	padding-left:380px;
	box-sizing:border-box;
	min-height:300px;
}

div#nbu03_02Area{
	background:url('/Prod/comp/soft1/jp1/product/jp1/list/nbu/img/nbu_07.png') no-repeat center right;
	background-size:40% auto;
	padding-right:350px;
	box-sizing:border-box;
	min-height:270px;
}


div.Jp1lListMovie_Column1andHalf{
	width:359px;
	margin:0 auto;
	background:#F2F2F2;
	overflow:auto;
}
div.Jp1lListMovie{
	width:480px;
	margin:0 auto;
	background:#F2F2F2;
	overflow:auto;
}
div.Jp1lListMovie_Column1andHalf p.TextStyle1{
	margin:12px 15px;
}
div.Jp1lListMovie p.TextStyle1{
	margin:12px 0px;
}


/*********************
 * JP1ページ独自設定 *
 *********************/
div#DiagonalPanelArea{
	cursor:pointer;
}
div#DiagonalPanelArea:hover{
	opacity:0.8;
}
div.DiagonalBoxWrap{
	overflow:hidden;
	margin:0 0 15px;
	position:relative;
	z-index:100;
}
div.DiagonalBoxWrap div.DiagonalOptionBox,
div.DiagonalBoxWrap div.DiagonalBoxBody{
	margin:-200px auto;
	padding:200px 0;
	transform:rotate(15deg);
}
div.DiagonalBoxWrap div.DiagonalBoxBody{
	background:#363636;
	text-align:center;
	border-left-style:solid;
	border-left-width:20px;
	height:140px;
}
div.DiagonalOptionBox div.DiagonalBoxInner,
div.DiagonalBoxWrap div.DiagonalBoxBody div.DiagonalBoxInner{
	display:inline-block;
	padding:15px 0 10px;
	transform:rotate(-15deg);
	text-align:left;
}

div#DiagonSection.descriptionPart div#IntelligenceBox h3{
	margin-bottom:15px;
}

/* -994pxで表示されるテキストエリア */
div.DiagonalBoxWrap.DiagonalOptionWrap{
	margin:0;
	min-height:165px;
	z-index:90;
	display:none;
}
div.DiagonalBoxWrap div.DiagonalOptionBox{
	background:#EFEFEF;
	width:250px;
}
div.DiagonalOptionBox div.DiagonalBoxInner{
	display:inline-block;
	margin:0 15px 0 25px;
}
div.DiagonalBoxWrap div.DiagonalOptionBox p.TextStyle1{
	font-size:11px;
	text-align:left;
}

div.DiagonalBoxWrap div.DiagonalBoxBody h3,
div.DiagonalBoxWrap div.DiagonalBoxBody ul.ListStyle1{
	color:#FFF;
}
div.DiagonalBoxWrap div.DiagonalBoxBody h3{
	font-style:italic;
	font-size:21px;
	text-align:center;
	line-height:24px;
}
div.DiagonalBoxWrap div.DiagonalBoxBody h3 span.subHeader{
	display:block;
	font-size:11px;
	line-height:14px;
}
div.DiagonalBoxWrap div.DiagonalBoxBody ul.ListStyle1{
	margin:0;
	font-size:11px;
	display:inline-block;
	text-align:left;
}
div.DiagonalBoxWrap div.DiagonalBoxBody ul.ListStyle1 li{
	line-height:14px;
	background-position:0 center;
}

div#IntelligenceBox div.DiagonalBoxBody{
	width:550px;
	border-color:#A30000;
}
div#MonitoringBox div.DiagonalBoxBody{ border-color:#497c00; }
div#AutomationBox div.DiagonalBoxBody{ border-color:#006cc8; }
div#GovernanceBox div.DiagonalBoxBody{ border-color:#d13600; }
div.Column1 div#AutomationBox{ margin-left:-85px; }
div.Column1 div#GovernanceBox{ margin-left:-170px; }
div.Column1 div.DiagonalBoxBody{
	width:160px;
	height:160px;
}
div.Column1 div.DiagonalBoxBody h3{
	min-height:2em;
}

/*説明文表示時の状態*/
div#DiagonSection.descriptionPart div#IntelligenceBox div.DiagonalBoxBody{
	background:#A30000;
}
div#DiagonSection.descriptionPart div#MonitoringBox div.DiagonalBoxBody{
	background:#497c00;
}
div#DiagonSection.descriptionPart div#AutomationBox div.DiagonalBoxBody{
	background:#006cc8;
}
div#DiagonSection.descriptionPart div#GovernanceBox div.DiagonalBoxBody{
	background:#d13600;
}
div#DiagonSection.descriptionPart h3{
	margin:0;
	border:none;
}
div.originalContents{
	line-height:14px;
}
div.DiagonalBodyWrap p.TextStyle1{
	color:#FFF;
	font-size:11px;
	text-align:left;
	margin:0 10px 0 0;
	line-height:16px;
}

ul#selectButtonList{ text-align:center; }
ul#selectButtonList li{
	content:"";
	width:19px;
	height:19px;
	background:#7F7F7F;
	border-radius:50%;
	border:1px solid #404040;
	display:inline-block;
	cursor:pointer;
}
ul#selectButtonList li.selectItem{
	background:#404040;
	cursor:default;
}

/******************************************
 * 動作環境／対応状況フロートリンクバナー *
 ******************************************/
div#popularContent{
	position:fixed;
	bottom:80px;
	right:0;
	border-top-left-radius:20% 50%;
	border-bottom-left-radius:20% 50%;
	padding:20px 15px 20px 50px;
	box-sizing:border-box;
	background:RGBA(204, 0, 0, 0.7);
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	z-index:99;
}
div#popularContent dl dd img.closeIcon{
	position:absolute;
	top:20px;
	right:20px;
}
div#popularContent dl dd img.closeIcon:hover{
	cursor:pointer;
}
div#popularContent dl.popContentText.anchorSmall a{
	font-size:12.8px;
	color:#FFF;
	padding-right:25px;
	background:url("/image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat center right;
	background-size:25px auto;
	text-decoration:underline;
}


/***************************
 * JP1の歴史ページ独自設定 *
 ***************************/

/** JP1Column **/
div.histryColumn div.jp1Column330 h3,
div.histryColumn div.jp1Column330 p.TextStyle1{
	width:85%;
}
div.histryColumn div.jp1Column390 h3,
div.histryColumn div.jp1Column390 p.TextStyle1{
	margin-left:1%;
}
div.histryColumn p.TextStyle1{
	min-height:7em;
	height:auto;
}

div.histryColumn div.jp1Column390.LastItem{
	float:right;
}

table#Jp1HistoryCover th,
table#Jp1HistoryCover td{
	border:none;
	vertical-align:top;
	background-color:inherit;
	font-size:90%;
}
table#Jp1HistoryCover th{
	padding:0 0 10px;
	font-weight:bold;
	font-size:120%;
}
table#Jp1HistoryCover th div.YearItem{
	line-height:130%;
	padding:0 15px;
}
table#Jp1HistoryCover td{
	padding:0 15px 10px 0;
	background:url('/Prod/comp/soft1/jp1/product/jp1/history/img/bg_history_t02_grid.gif') repeat-y 5px top;
}
table#Jp1HistoryCover td h3{
	font-size:120%;
	padding-left:22px;
	background:url('/Prod/comp/soft1/jp1/product/jp1/history/img/dot.png') no-repeat left center;
	border:none;
	margin:0;
}
table#Jp1HistoryCover td h3.FirstItem{
	background:url('/Prod/comp/soft1/jp1/product/jp1/history/img/dot_first.gif') no-repeat left top;
}
table#Jp1HistoryCover td p.TextStyle2{
	padding-left:22px;
}
table#Jp1HistoryCover th.LatestItem div.YearItem,
/*table#Jp1HistoryCover td div.LatestItem{*/
table#Jp1HistoryCover td h3.LatestItem{
	background-color:#007899;
	color:#FFF;
}
table#Jp1HistoryCover th.LatestItem div.YearItem{
	border-radius:15px 0 0 15px / 15px 0 0 15px;
}
table#Jp1HistoryCover td h3.LatestItem{
	border-radius:0 15px 15px 0 / 0 15px 15px 0;
	background-image: url('/Prod/comp/soft1/jp1/product/jp1/history/img/dot_mark.gif');
}
table#Jp1HistoryCover th.LatestItem div.YearItem,
table#Jp1HistoryCover td h3.LatestItem span{
	height:40px;
	display:table-cell;
	vertical-align:middle;
}

/*IE10以降に適用*/
@media all and (-ms-high-contrast: none) {
	table#Jp1HistoryCover td h3.LatestItem{
		margin-left:-1px;
	}
}
/*Edgeに適用*/
_:-ms-lang(x)::backdrop, table#Jp1HistoryCover td h3.LatestItem{
	margin-left:-1px;
}


/******************************
 * 講座、試験（資格認定制度） *
 ******************************/
ul.certServiceType li.ia{
	background:url('/Prod/comp/soft1/jp1/introduction/cert/exam_jp1/img/ico_ac.png') no-repeat left 0.1em;
}
ul.certServiceType li.pearson{
	background:url('/Prod/comp/soft1/jp1/introduction/cert/exam_jp1/img/ico_pearson.gif') no-repeat left 0.1em;
}

p.TextRightAdjust{ padding-left:140px; }
h3{
	margin:10px 0;
	padding:0;
	border-bottom:1px solid #737373;
}

div.centered ul.ButtonStyle2{ text-align:center; }
div.centered ul.ButtonStyle2 li{ float:none; }
div.centered ul.ButtonStyle2 li a{ margin:0; }


/*****************
 * JP1 for IoT） *
 *****************/

body#jp1IoTPage div#jp1PageTitleArea1{
	margin-top:calc(1em + 25px);
}

body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
}
body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	height:400px;
}
body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
	margin-bottom:30px;
}
body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 span{
	font-weight:bold;
}

body#jp1IoTPage div#jp1PageTitleArea1{
	background-image:url("/Prod/comp/soft1/jp1/product/jp1IoT/img/jp1forIoT_top.jpg"),linear-gradient(to bottom, #29a3f6,#56b5f5 15%,#86c9f4 29%, #dae8f1 42%, #e5edf0 47% ,#ecf0f3 50%,#e5edf0 53%,#dae8f1 58%,#86c9f4 71%,#56b5f5 85%,#29a3f6);
	background-repeat:no-repeat;
	background-position-x:center;
	background-size:auto 100%;
}

body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
	width:965px;
}
body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 span,
body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
	display:block;
	color:#000;
	text-align:center;
	text-shadow:2px 2px 2px rgba(255, 255, 255, 1), -2px 2px 2px rgba(255, 255, 255, 1), 2px -2px 2px rgba(255, 255, 255, 1), -2px -2px 2px rgba(255, 255, 255, 1);
	font-weight:normal;
}

body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
	font-size:150%;
	line-height:1.7;
}
body#jp1IoTPage div#TitleInner ul.LinkListStyle1{
	display:inline-block;
	position:absolute;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, 0.8);
	margin:0;
}
body#jp1IoTPage div#TitleInner ul.LinkListStyle1 li{ padding:0; }
body#jp1IoTPage div#TitleInner ul.LinkListStyle1 a:visited,
body#jp1IoTPage div#TitleInner ul.LinkListStyle1 a:active,
body#jp1IoTPage div#TitleInner ul.LinkListStyle1 a:link{
	color:#FFF;
	display:inline-block;
	padding:10px 27px 10px 10px;
	background-image:url(/image/jp/r1/icon/icon_link_right_xl_white_hd.gif);
	background-size:15px 15px;
	background-position-x:calc(100% - 10px);
}
body#jp1IoTPage div#TitleInner ul.LinkListStyle1 a:hover{
	text-decoration: underline;
	background-position-x:calc(100% - 5px);
	opacity:0.8;	
}

/*特殊ページ内リンク*/
#competencyMenuAbout {
	width: 100%;
	overflow: hidden;
	background: #000;
	margin-bottom:30px;
	margin-left:0px;
	z-index: 9;
	position: relative;
}

.contentsWidth {
	max-width: 965px;
	margin: 0 auto;
	padding:0 15px;
}

#competencyMenuAbout ul {
	display: flex;
	width: 100%;
}
#competencyMenuAbout ul li {
	display: block;
	flex-basis:25%;
}

#competencyMenuAbout ul li+ li span{
	border-left: 1px solid #888;
}

#competencyMenuAbout ul li a {
	width:100%;
	display:inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 130%;
	padding:10px 0;
}

#competencyMenuAbout ul li a span {
	padding-right:calc(5% + 15px);
	background: url("/Prod/comp/soft1/jp1/product/jp1IoT/img/jp1_icon_link_bottom.png") 95% center no-repeat;
	background-size: 18px 18px;
	font-size: 14px;
	color: #ffffff;
	display:table-cell;
	height:60px;
	vertical-align:middle;
	width:25%;
}

#competencyMenuAbout ul.jp1csMenu li a span {
	font-size: 12px;
}

#competencyMenuAbout ul li a:hover {
	background: linear-gradient(#000, rgba(0, 120, 153, 0.5));
	text-decoration: underline;
	color: #ffffff;
}

body#jp1IoTPage h3{
	color:#007899;
	border-bottom:none;
	font-size: 120%;
}

body#jp1IoTPage h3.IoTseminarTitle{
	color:#007899;
	border-bottom:none;
	font-size: 115%;
}

body#jp1IoTPage h3.IoTseminarTitle span{
	font-size: 80%;
}


body#jp1IoTPage div.LinkBanner{
	padding-top:20px;
	background: #000610 url("/Prod/comp/soft1/jp1/product/jp1IoT/img/IoT_banner01.png") no-repeat right top;
	color:#FFF;
}
body#jp1IoTPage div.LinkBanner div.Inner{
	padding-left:65px;
	display:inline-block;
}
body#jp1IoTPage div.LinkBanner p.TextStyle1{
	font-size:100%;
	text-shadow:0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c, 0px 0px 5px #010a1c;
}
body#jp1IoTPage div.LinkBanner p.TextStyle1 span{
	display:inline-block;
	font-size:160%;
	padding:5px 0 5px;
}
body#jp1IoTPage div.LinkBanner ul.LinkListStyle1{
	display:block;
}
body#jp1IoTPage div.LinkBanner ul.LinkListStyle1 a,
body#jp1IoTPage div.LinkBanner ul.LinkListStyle1 span.pseudoAnchor{
	display:inline-block;
	color:#FFF;
	border:1px solid #FFF;
	padding:2px 27px 2px 10px;
	background-image:url("/image/jp/r1/icon/icon_link_right_white_hd.gif");
	background-position-x:calc(100% - 10px);
}

/*hoverAction処理(独自)*/
body#jp1IoTPage div.LinkBanner.hoverAction:hover{
	opacity:0.8;
}
body#jp1IoTPage div.LinkBanner.hoverAction:hover p.TextStyle1,
body#jp1IoTPage div.LinkBanner.hoverAction:hover span.pseudoAnchor{
	opacity:1 !important;
	text-decoration:none !important;
}
body#jp1IoTPage div.LinkBanner.hoverAction:hover span.pseudoAnchor{
	background-position-x:calc(100% - 8px);
}

body#jp1IoTPage div.jp1IoTversion h3{
	border:none;
	font-size:150%;
	color:#007899;
	margin-bottom:20px;
}
div.jp1IoTversion h4{
	font-size:120%;
	border-bottom:4px solid #007899;
	display:inline-block;
	padding:0 10px;
}
div.jp1BoxPatternB{
	background:#007899;
	padding:0 10px 10px;
}
div.jp1BoxPatternB h3{
	margin:0;
	padding:7px 0;
	text-align:center;
	color:#FFF;
	font-size:120%;
}
div.jp1BoxPatternB div.BoxInner{
	background:#FFF;
}
div.jp1BoxPatternB div.flexItem:first-child{
	width:calc(50% - 7px - 90px);
	padding-left:90px;
	background:url('/Prod/comp/soft1/jp1/shared/img/toppage/icon/icon_phone.png') no-repeat left center;
	background-size:90px;
}
div.jp1BoxPatternB div.flexItem:last-child{
	width:calc(50% - 17px);
	padding:0 10px 0 0;
}

div.ReceptArea{
	margin:15px 0;
	border-right:1px solid #DFDFDF;
}
div.ReceptArea p.TextStyle1{
	margin:0;
}
div.ReceptArea ul.LinkListStyle1{
	margin:-5px 0 0;
}

dl.RecepTimeInfo{
	font-size:90%;
	display:flex;
}
div.jp1BoxPatternB .LinkListStyleBox{
	font-size:90%;
}
div.jp1BoxPatternB .LinkListStyleBox{
	margin-left:10px;
}
div.jp1BoxPatternB ul.LinkListStyleBox:first-child,
div.jp1BoxPatternB div.LinkListStyleBox{
	margin-top:20px;
}
div.jp1BoxPatternB .LinkListStyleBox.FlexRowWrap2 .flexItem{
	width:auto;
}
div.jp1BoxPatternB div.LinkListStyleBox.FlexRowWrap2 a.flexItem:first-child{
	margin:0 10px 10px 0;
	flex-basis:calc(40% - 5px);
}

div.jp1BoxPatternB div.LinkListStyleBox.FlexRowWrap2 a.flexItem:last-child{
	flex-basis:calc(60% - 5px);
	margin:0 0 10px 0;
}

div.jp1BoxPatternB div.LinkListStyleBox.FlexRowWrap2:last-child a{
	flex-basis:100%;
}
ul.LinkListStyleBox li a,
div.LinkListStyleBox a{
	width:calc(100% - 50px);
	background:#333 url('/image/jp/r1/icon/icon_link_right_l_white_hd.gif') no-repeat 98% center;
	background-size:20px;
	display:inline-block;
	padding:5px 35px 5px 15px;
	color:#FFF;
	border-radius:6px;
	text-align: center;
}

ul.LinkListStyleBox li.NewWin a,
div.LinkListStyleBox a.NewWin{
	background-image:url('/image/jp/r1/icon/icon_new_window_white_hd.png')!important;
}
ul.LinkListStyleBox:last-child li a:hover{
	background-position:99% center;
}

.ResponsiveTableStyle1.lastTDtitleEdit td:last-child .ResponsiveTableHeading{
	display:none;
}

/*Webセミナー*/
body#jp1IoTPage div.webSeminar a.flexItem div.BoxPatternC{
	height:calc(100% - 45px);
	margin-bottom:0;
	padding-bottom:10px;
}
/*独自hoverAction*/
body#jp1IoTPage div.webSeminar a.hoverAction:hover  ul.LinkListStyle1 li{
	opacity:0.8;
}
body#jp1IoTPage div.webSeminar a.hoverAction:hover p{
	text-decoration:none!important;
	opacity:1!important;
}
body#jp1IoTPage div.webSeminar p.SeminarType{
	display:inline-block;
	background:#990066;
	color:#FFF;
	font-size:90%;
	text-align:center;
	padding:3px 10px;
	margin:0 15px 15px;
	width:auto;
	max-width:65px;
	float:left;
	font-weight:bold;
}
body#jp1IoTPage div.webSeminar h3{
	color:#000;
	margin-left:105px;
	margin-right:15px;
}
body#jp1IoTPage div.webSeminar ul.LinkListStyle1{
	padding-bottom:30px;
	margin-bottom:0;
}
body#jp1IoTPage div.webSeminar ul.LinkListStyle1 li{
	display:inline-block;
	background:#333;
	padding: 5px 5px 5px 5px;
}
body#jp1IoTPage div.webSeminar ul.LinkListStyle1 li a:link,
body#jp1IoTPage div.webSeminar ul.LinkListStyle1 li a:visited,
body#jp1IoTPage div.webSeminar ul.LinkListStyle1 li span.pseudoAnchor{
	color:#FFF;
	background-image:url(/image/jp/r1/icon/icon_new_window_white_hd.png) !important;
	background-position-x:calc(100% - 10px);
	display:inline-block;
	padding:2px 27px 4px 10px;
}


div.jp1BoxPatternB .LinkListStyleBox.FlexRowWrap2 a.hoverAction:hover{
	opacity:0.8 !important;
	cursor:pointer;
}

div.ImgBoxWrap a{ display:block; }
div.ImgBoxWrap div.BoxPatternB{
	padding:0;
}
div.ImgBoxWrap div.ImgSet{
	float:left;
	width:750px;
	margin-top:15px;
}
div.ImgBoxWrap a div.ImgSet h3 strong{
	display:inline-block;
	background:url('/image/jp/r1/icon/icon_link_right_hd.gif') no-repeat right center;
	background-size:16px 16px;
	padding:0 17px 0 0;
}
div.ImgBoxWrap a div.ImgSet h3.NewWin strong{
	background:url('/image/jp/r1/icon/icon_new_window_hd.gif') no-repeat right center;
	background-size:16px 16px;
}
div.ImgBoxWrap a div.ImgSet p.TextStyle1{
	color:#333;
}
div.ImgBoxWrap div.ThumbW180SetStyle p.Img{
	float:right;
	padding:0;
	margin:0;
	text-align:right;
}


/**************
 * 特長と機能 *
 **************/
body#jp1IoTfeature div#jp1PageTitleArea2{
	position:relative;
	background:#363636 url("/Prod/comp/soft1/jp1/product/jp1IoT/feature/images/h1.jpg") no-repeat bottom right;
}
body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3{
	background:rgba(0, 0, 0, 0);
	margin:0;
	min-height:calc(225px + 1em);
}
body#jp1IoTfeature p#rightsideBranding{
	top:inherit;
	bottom:0;
}
body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3 h1{
	padding-top:100px;
	height:calc(125px + 1em);
}
body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3 h1 a{
	display:table-cell;
	vertical-align:middle;
	position:static;
	height:110px;
	min-height:100px;
}
body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3 h1 a span{
	position:static;
}
body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3 h1 a span.SubTitle{
	font-size:100%
}

body#jp1IoTfeature #competencyMenuAbout{
	background:#FFF;
}
body#jp1IoTfeature #competencyMenuAbout ul li a:hover{
	background:#FFF;
}
body#jp1IoTfeature #competencyMenuAbout ul li a span{
	display:block;
	width:100%;
	color:#333;
	padding:0;
	background:url("/Prod/comp/soft1/jp1/shared/img/icon/innerlink_button.png") no-repeat;
	background-position-x:center;
	background-position-y:calc(100% - 5px);
	background-size:20px;
}
body#jp1IoTfeature #competencyMenuAbout ul li a:hover span{
	text-decoration:underline;
}
body#jp1IoTfeature #competencyMenuAbout ul li + li span{
	border-left:1px dotted #333;
}

/*「特長」「導入メリット」「価格」共通バック*/
div#FeaturesArea,
div#Advantages,
div#priceArea{
	background:#F2F2F2;
	padding:30px 15px;
}
div#FeaturesArea div.FeaturesItem{
	margin-bottom:20px;
}
div#FeaturesArea div.iconWrap{
	float:left;
	width:100px;
}
div#FeaturesArea p.FeaturesIcon{
	display:inline-block;
	border-radius:50%;
	background:#007899;
	border:1px solid #007899;
	padding:16px 23px;
	text-align:center;
	overflow:hidden;
}
div#FeaturesArea p.FeaturesIcon span{
	display:block;
	color:#FFF;
	font-size:20px;
	padding-bottom:5px;
}
div#FeaturesArea p.FeaturesIcon span:last-child{
	background:#F2F2F2;
	color:#007899;
	padding:5px 25px 13px;
	margin:0 -25px -18px;
}
div#FeaturesArea div.FeatursText{
	float:left;
	margin-left:10px;
	width:calc(100% - 110px);
}

div#functionArea div.ColumnSet{
	border-bottom:1px solid #AAA;
	padding-bottom:20px;
}
div#functionArea div.ColumnSet:last-child{
	border:none;
}
div#functionArea div.ColumnSet div.Column2:first-child{
	width:465px;
}
div#functionArea div.ColumnSet div.Column2.LastItem{
	margin:0 0 0 25px;
}

/*「特徴」「機能」「導入メリット」共通h3設定*/
div#functionArea h3,
div#Advantages h3,
div#FeaturesArea div.FeatursText h3{
	color:#007899;
	border:none;
	font-size:120%;
}

/*「特長と機能」ページのページ内リンク共通*/
div#FeaturesArea div.VerticalInnerLinks ul,
div#priceArea div.VerticalInnerLinks ul{
	text-align:center;
}
div#FeaturesArea div.VerticalInnerLinks ul li,
div#priceArea div.VerticalInnerLinks ul li{
	display:inline-block;
}
div#FeaturesArea div.VerticalInnerLinks ul li a,
div#priceArea div.VerticalInnerLinks ul li a{
	display:inline-block;
	padding:5px 50px 5px 20px;
	background:#007899 url("/image/jp/r1/icon/icon_link_bottom_white_hd.png") no-repeat;
	background-size:16px 16px;
	background-position-y:center;
	background-position-x:calc(100% - 10px);
	color:#FFF;
}

/*IoT事業の加速に必要不可欠なIoTデバイス管理*/
div#deviceManagement{
	background:#cce7f8 url("/Prod/comp/soft1/jp1/product/jp1IoT/feature/images/message_bk.jpg") no-repeat top center;
	background-size:auto 100%;
	padding:30px 0;
	text-shadow:2px 2px 2px rgba(255, 255, 255, 0.8), -2px 2px 2px rgba(255, 255, 255, 0.8), 2px -2px 2px rgba(255, 255, 255, 0.8), -2px -2px 2px rgba(255, 255, 255, 0.8);
	margin:0 0 30px;
}
div#deviceManagement p.TextStyle1{
	padding:10px 15px;
	background:rgba(255, 255, 255, 0.5);
	border-radius:5px;
	font-weight:bold;
	line-height:2.1;
	margin:0 15px 15px;
	color:#000000;
}

div#Advantages div.AdvantagesItem{
	background:#FFF;
	padding:15px 30px;
	position:relative;
}
div#Advantages div.Column2{
	position:relative;
	width:468px;
}
div#Advantages div.Column2:before,
div#Advantages div.Column2:after{
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	background:#007899;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
div#Advantages div.Column2:after{
	top:inherit;
	left:inherit;
	bottom:0;
	right:0;
}
div#Advantages div.AdvantagesItem:before,
div#Advantages div.AdvantagesItem:after{
	content:"";
	color:#FFF;
	display:inline-block;
	width:33px;
	height:33px;
	background:#FFF;
	position:absolute;
	top:7px;
	left:7px;
	z-index:101;
}
div#Advantages div.AdvantagesItem:after{
	top:inherit;
	left:inherit;
	bottom:7px;
	right:7px;
}
div#Advantages div.AdvantagesItem h3,
div#Advantages div.AdvantagesItem p{
	z-index:102;
	position:relative;
}

/*価格*/
div#priceArea{
	text-align:center;
}
div#priceArea p#PriceExample{
	font-size:140%;
	font-weight:bold;
	text-align:left;
	display:inline-block;
	margin-bottom:15px;
}
div#priceArea p#PriceExample sup{
	font-size:70%;
}
div#priceArea dl.AdditionalNotesStyle1{
	display:inline-block;
	text-align:left;
}

body#jp1IoTfeature dl.FaqList{
	font-size:90%;
	margin-bottom:40px;
}
body#jp1IoTfeature dl.FaqList dt:before,
body#jp1IoTfeature dl.FaqList dd:before{
	color:#007899;
	font-size:35px;
	margin-right:15px;
	font-weight:normal;
	margin-left:-40px;
}
body#jp1IoTfeature dl.FaqList dt:before{
	content:"Q";
}
body#jp1IoTfeature dl.FaqList dd:before{
	content:"A";
	padding-left: 3px;
}
body#jp1IoTfeature dl.FaqList dt{
	font-weight:bold;
	border-bottom:1px dotted #707070;
	padding-bottom:10px;
	margin-bottom:10px;
}
body#jp1IoTfeature dl.FaqList dt,
body#jp1IoTfeature dl.FaqList dd{
	padding-left:40px;
	font-size:110%;
}

/*[資料請求はこちらから]*/
body#jp1IoTfeature div#DownloadArea{
	background:url("/Prod/comp/soft1/jp1/product/jp1IoT/feature/images/download_bk.jpg") no-repeat top center;
	background-size:100% auto;
	padding:50px 15px;
}
body#jp1IoTfeature div#DownloadArea ul.LinkListStyle1{
	font-size:110%;
}
body#jp1IoTfeature div#DownloadArea h2 strong,
body#jp1IoTfeature div#DownloadArea ul.LinkListStyle1 li a:visited,
body#jp1IoTfeature div#DownloadArea ul.LinkListStyle1 li a:link,
body#jp1IoTfeature div#DownloadArea ul.LinkListStyle1 li a:active{
	color:#FFF;
}
body#jp1IoTfeature div#DownloadArea ul.LinkListStyle1 li.NewWin a{
	display:inline-block;
	padding:10px 67px 10px 50px;
	border:1px solid #FFF;
	background: #000;
	background-image:url("/image/jp/r1/icon/icon_new_window_white_hd.png")!important;
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position-y:center;
	background-position-x:calc(100% - 30px);
}

body#jp1IoTfeature div#RelatedLinksArea ul.LinkListStyle5{
	display:inline-block;
}

/**********
 * 適用例 *
 **********/
body#jp1Case01Page div.h2Area01{
	background:url("/Prod/comp/soft1/jp1/product/jp1IoT/case_01/images/sensor.jpg") no-repeat 0 0;
	background-size:100% auto;
}

body#jp1Case01Page div.h2Area01 p.BoxLabel,
body#jp1Case01Page div.h2Area02 p.BoxLabel{
	transform:rotate(0);
	width:auto;
	position:static;
	text-align:left;
	display:inline-block;
	margin-left:-50px;
	padding:10px 50px;
}
body#jp1Case01Page div.h2Area01 p.BoxLabel{
	background:#417DCC;
}
body#jp1Case01Page div.h2Area02 p.BoxLabel{
	background:#FFF78B;
}
body#jp1Case01Page div.h2Area01 div.ContentsBox h3#accidentExH3,
body#jp1Case01Page div.h2Area02 div.ContentsBox h3#riskExpH3{
	min-height:90px;
	display:inline-block;
	width:auto;
}
body#jp1Case01Page div.h2Area01 div.ContentsBox h3#accidentExH3{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/case_01/images/fire.png) no-repeat 0 0;
}
body#jp1Case01Page div.h2Area02 div.ContentsBox h3#riskExpH3{
	background-size:auto 90px;
}
body#jp1Case01Page div.h2Area01 div.ContentsBox h3#accidentExH3 span,
body#jp1Case01Page div.h2Area02 div.ContentsBox h3#riskExpH3 span{ padding:0.5em 0 0; }

body#jp1Case01Page div#securityMainArea div.Header3Set{
	text-align:center;
	display:inline-block;
}
body#jp1Case01Page div#securityMainArea p.h3Icon01{
	color:#FFF;
	background:#417DCC;
	font-size:120%;
	font-weight:bold;
	border-radius:50%;
	padding:25px 15px;
	margin-bottom:20px;
	text-align:center;
	width:10%;
	min-width:81px;
	display:inline-block;
}
body#jp1Case01Page div#securityMainArea p.h3Icon01 span{
	display:block;
	font-size:60%;
	font-weight:normal;
}
body#jp1Case01Page div.securityHeader3{
	width:auto;
	display:inline-block;
}
body#jp1Case01Page div.securityHeader3 h3{
	background:none;
	padding:0;
	width:auto;
	color:#000;
}

/*飛び出し線がついているボックス*/
div.SummaryWrap{
	border:2px solid #000;
	position:relative;
}
div.SummaryWrap:before,
div.SummaryWrap div.SummaryBox:before,
div.SummaryWrap div.SummaryBox div.InnerWrap:before,
div.SummaryWrap div.SummaryBox div.InnerWrap div.SummaryInner:before,
div.SummaryWrap:after,
div.SummaryWrap div.SummaryBox:after,
div.SummaryWrap div.SummaryBox div.InnerWrap:after,
div.SummaryWrap div.SummaryBox div.InnerWrap div.SummaryInner:after{
	content:"";
	display:inline-block;
	position:absolute;
	width:10px;
	height:10px;
}
/*左上はみ出し線*/
div.SummaryWrap:before{
	border:2px solid #FFF;
	top:-16px;
	left:-16px;
	background:#FFF;
	z-index:100;
}
div.SummaryWrap div.SummaryBox:before{
	border:2px solid #000;
	top:-14px;
	left:-14px;
	z-index:99;
}
/*右下はみ出し線*/
div.SummaryWrap:after{
	border:2px solid #FFF;
	bottom:-16px;
	right:-16px;
	background:#FFF;
	z-index:100;
}
div.SummaryWrap div.SummaryBox:after{
	border:2px solid #000;
	bottom:-14px;
	right:-14px;
	z-index:99;
}
/*右上はみ出し線*/
div.SummaryWrap div.SummaryBox div.InnerWrap:before{
	border:2px solid #FFF;
	top:-16px;
	right:-16px;
	background:#FFF;
	z-index:100;
}
div.SummaryWrap div.SummaryBox div.InnerWrap div.SummaryInner:before{
	border:2px solid #000;
	top:-14px;
	right:-14px;
	z-index:99;
}
/*左下はみ出し線*/
div.SummaryWrap div.SummaryBox div.InnerWrap:after{
	border:2px solid #FFF;
	bottom:-16px;
	left:-16px;
	background:#FFF;
	z-index:100;
}
div.SummaryWrap div.SummaryBox div.InnerWrap div.SummaryInner:after{
	border:2px solid #000;
	bottom:-14px;
	left:-14px;
	z-index:99;
}

div.SummaryWrap div.SummaryBox h3.SummaryH3{
	background:#0151AC;
	color:#FFF;
	display:inline-block;
	padding:6px 50px;
	border-radius:1em;
	width:auto;
	font-size:180%;
	margin:30px 0 15px;
}
div.SummaryWrap div.SummaryBox p{
	font-weight:bold;
	font-size:120%;
	padding-bottom:20px;
}


body#jp1Case01Page div#FurtherInfo ul.LinkListStyle1{
	font-size:120%;
	font-weight:bold;
}
body#jp1Case01Page div#FurtherInfo ul.LinkListStyle1 li{
	display:inline-block;
}
body#jp1Case01Page div#FurtherInfo ul.LinkListStyle1 li a{
	display:block;
	color:#FFF;
	background-color:#007899;
	background-image:url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-size:30px 30px;
	background-position-x:calc(100% - 17px);
	padding: 10px 67px 10px 50px;
	border-radius:5px;
}

body#jp1Case01Page div#FurtherInfo ul.LinkListStyle1 li a:hover{
	text-decoration:none;
	opacity:0.7;
	background-position-x:calc(100% - 15px);
}


body#jp1IoT div#FurtherInfo ul.LinkListStyle1{
	font-size:120%;
	font-weight:bold;
}
body#jp1IoT div#FurtherInfo ul.LinkListStyle1 li{
	display:inline-block;
}
body#jp1IoT div#FurtherInfo ul.LinkListStyle1 li a{
	display:block;
	color:#FFF;
	background-color:#007899;
	background-image:url("/image/jp/r1/icon/icon_link_right_l_white_hd.gif");
	background-size:30px 30px;
	background-position-x:calc(100% - 17px);
	padding: 10px 67px 10px 50px;
	border-radius:5px;
}

body#jp1IoT div#FurtherInfo ul.LinkListStyle1 li a:hover{
	text-decoration:none;
	opacity:0.7;
	background-position-x:calc(100% - 15px);
}

/************************
 * IT運用最適化サービス *
 ************************/
/*2022/7/21改訂前*/
body#optimizePage div#jp1PageTitleArea1{
	margin-top:calc(1em + 25px);
	background:#B3AEE4;
	position:relative;
	z-index:9;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
	position:relative;
}
/*body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1:after{
	content:"";
	width:220px;
	height:250px;
	background:url("/Prod/comp/soft1/jp1/product/optimize/img/hexagon.png") no-repeat top center;
	background-size:220px auto;
	display:inline-block;
	position:absolute;
	top:20px;
	right:30px;
	z-index:100;
}*/
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
	box-sizing:border-box;
	width:965px;
	padding:30px 10px 0;
	text-align:center;
	position:relative;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
	color:#514180;
	font-size:170%;
	padding:0 15px;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 h1 span{
	font-weight:bold;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:hover{
	color:#514180;
}

body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
	color:#514180;
	font-weight:bold;
	font-size:120%;
	padding:0 15px;
	position:relative;
	z-index:100;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 p.ImgOnlyStyle{
	margin:-20px 0 0;
	position:relative;
	z-index:99;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 ul#attachedImg li{
	position:absolute;
	left:690px;
	top:205px;
	width:200px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	z-index:100;
	line-height: 130%;
}
body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 ul#attachedImg li:first-child{
	top:180px;
	left:130px;
	line-height: 130%;
}
/*ページ内リンク*/
body#optimizePage div#competencyMenuAbout{
	background:#514180;
	margin-bottom:0;
}
body#optimizePage div#competencyMenuAbout ul{
	justify-content:center;
}
body#optimizePage div#competencyMenuAbout ul li{
	flex-basis:auto;
}
body#optimizePage div#competencyMenuAbout ul li a:hover{
	background:linear-gradient(#594A88, rgba(0, 120, 153, 0.5))
}
body#optimizePage div#competencyMenuAbout ul li a span{
	background:none;
	font-weight:bold;
	padding:5px 15px;
	font-size:100%;
	height:auto;
}
/*このページ全体のh2設定*/
body#optimizePage h2{
	font-weight:bold;
	margin-top:0;
}

/*[サービスプラットフォーム]エリア*/
body#optimizePage div#optimize_01_area{
	background:#B3AEE4;
	padding:20px 0 50px;
}
body#optimizePage div#optimize_01_area h2{
	color:#514180;
}
body#optimizePage div#optimize_01_area div.FlexWrap{
	justify-content:center;
}
body#optimizePage div#optimize_01_area a{
	display:inline-block;
	flex-basis:48%;
	background:#FFF;
	position:relative;
	padding-bottom:190px;
}
body#optimizePage div#optimize_01_area a:first-child{
	margin-right:4%;
}
body#optimizePage div#optimize_01_area a:hover{
	opacity:0.8;
	text-decoration:none;
}
body#optimizePage div#optimize_01_area a h3{
	color:#514180;
	border:none;
	font-size:140%;
}
body#optimizePage div#optimize_01_area p{
	font-weight:bold;
	color:#000;
	margin-bottom:15px;
}
body#optimizePage div#optimize_01_area ul{
	width:100%;
	height:190px;
	position:absolute;
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/AIforITOperations.jpg') no-repeat 0 0;
	background-size:cover;
	bottom:0;
}
body#optimizePage div#optimize_01_area div.FlexWrap a:first-child ul{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/ServiceNow.png') no-repeat 0 0;
	background-size:cover;
	background-position-y: center;
}
body#optimizePage div#optimize_01_area ul li{
	display:inline-block;
	position:absolute;
	right:35px;
	bottom:15px;
	background:#514180;
	color:#FFF;
	font-weight:bold;
	padding:5px 25px;
	border:3px solid #FFF;
	border-radius:35px;
}

/*[IT運用最適化サービスの特長]エリア*/
/*2022/7/21改訂後*/
body#optimizePage div#optimize_02_area{
	background:#0190CA;
	padding:20px 0 50px;
	color:#FFF;
}
body#optimizePage div#optimize_02_area h2{
	margin:0;
	padding:0 15px;
}
body#optimizePage div#optimize_02_area h2 ~ p{
	font-weight:bold;
	font-size:110%;
	padding:0 15px;
}
body#optimizePage div#optimize_02_area  p.TextStyle1{
	font-size: 95%;
}

body#optimizePage div#optimize_02_area div.FlexWrap > div{
	flex-basis:30%;
	margin-left:5%;
	padding:170px 0 0;
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/optimize_02_02.jpg') no-repeat top center;
	background-size:80% auto;
}
body#optimizePage div#optimize_02_area div.FlexWrap > div:first-child{
	margin-left:0;
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/optimize_02_01.jpg') no-repeat top center;
	background-size:80% auto;
}
body#optimizePage div#optimize_02_area div.FlexWrap > div:last-child{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/optimize_02_03.jpg') no-repeat top center;
	background-size:80% auto;
}
body#optimizePage div#optimize_02_area h3{
	background:#FFF;
	color:#0190CA;
	text-align:center;
	border-radius:10px;
	border:none;
	padding:10px 0;
}
body#optimizePage div#optimize_02_area h4{
	color:#FFF;
	text-align:left;
	font-size: 115%;
}

body#optimizePage div#other_area{
	background:#C0D2E0;
	padding:30px 0 10px;
}
body#optimizePage h2#optimize_03{
	color:#514180;
}
body#optimizePage div#optimize_03_area > a{
	background:#FFF;
	flex-basis:48%;
	padding:10px 0 20px;
	display:block;
}
body#optimizePage div#optimize_03_area > a:hover{
	opacity:0.8;
	text-decoration:none;
}
body#optimizePage div#optimize_03_area > a:first-child{
	margin-right:4%;
}
body#optimizePage div#optimize_03_area > a > h3{
	background:#B3AEE4;
	color:#514180;
	display:inline-block;
	border:none;
	padding:10px 20px 7px;
	margin:0 0 10px;
}
body#optimizePage div#optimize_03_area > a > p.TextStyle1{
	font-weight:bold;
	color:#000;
	padding:0 20px 10px;
	margin:0;
	font-size:100%;
}

body#optimizePage div#optimize_03_area p.ImgOnlyStyle ~ ul li{
	background:#514180 url('/image/jp/r1/icon/icon_new_window_white_hd.png') no-repeat center right;
	background-size:20px auto;
	background-position-x:calc(100% - 20px);
	color:#FFF;
	border-radius:20px;
	display:inline-block;
	padding:5px 50px 5px 30px;
	font-weight:bold;
	margin-right:20px;
}/*2022/7/21改訂後*/

/*2022/7/21改訂前*/
div#prefaceArea,
div#support01Area,
div#support02Area,
div#support03Area{
	transform:rotate(-4deg);
	position:relative;
	box-shadow:3px 2px 7px rgba(50, 50, 50, 0.2), -3px 0 7px rgba(50, 50, 50, 0.2);
	overflow:hidden;
}
div#prefaceArea{
	background:#5F6F71;
	z-index:8;
	margin:-100px -100px 50px -100px;
	padding:100px;
}
div#support01Area{
	background:#D8B581;
	z-index:7;
	margin:0 -100px 30px -100px;
	padding:0 100px;
}
div#support02Area{
	background:#C5E0F5;
	z-index:6;
	margin:0 -100px 30px -100px;
	padding:0 100px;
}
div#support03Area{
	background:#DEF1F1;
	z-index:5;
	margin:0 -100px 0 -100px;
	padding:0 100px 100px;
	min-height:10em;
}
div#prefaceArea div.GridSet,
div#support01Area div.GridSet,
div#support02Area div.GridSet,
div#support03Area div.GridSet{
	transform:rotate(4deg);
}
div#prefaceArea li{
	flex-basis:250px;
	padding:230px 30px 0;
	margin:30px 17.5px 0 0;
	min-height:160px;
	color:#FFF;
	text-align:center;
	
}
div#prefaceArea li:first-child{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point1.png') no-repeat 0 0;
	background-size:310px 385px;
}
div#prefaceArea li:nth-child(2){
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point2.png') no-repeat 0 0;
	background-size:310px 385px;
}
div#prefaceArea li:last-child{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point3.png') no-repeat 0 0;
	background-size:310px 385px;
	margin-right:0;
}

div#support01Area div.GridSet,
div#support02Area div.GridSet{
	height:250px;
}
div#support01Area p.ImgOnlyStyle,
div#support02Area p.ImgOnlyStyle{
	width:450px;
	flex-basis:450px;
	height:300px;
	overflow:hidden;
}
div#support01Area p.ImgOnlyStyle{
	margin:0 35px 0 25px;
}
div#support02Area p.ImgOnlyStyle{
	margin:-35px 25px 0 35px;
}
div#support01Area p.ImgOnlyStyle img,
div#support02Area p.ImgOnlyStyle img{
	margin:0;
}
div#support02Area p.ImgOnlyStyle img{
	transform:rotate(-4deg);
	margin:20px 0 0 -15px;
}

div.TextBoxArea{
	flex-basis:400px;
	width:400px;
	overflow:auto;
}
div.TextBoxArea div.boxInner{
	height:250px;
	display:table-cell;
	vertical-align:middle;
}
div.TextBoxArea p.subText{
	color:#000;
	font-size:83%;
	border-bottom:1px solid #000;
}
div.TextBoxArea h3{
	color:#000;
	font-weight:bold;
	font-size:120%;
	border-bottom:none;
}


div#support03Area div.TextBoxArea{
	float:right;
	margin:30px 0 0;
	padding-right:90px;
}
div#support03AreaBottom{
	box-shadow:0 7px 3px -3px rgba(50, 50, 50, 0.2);
	margin:-160px 0 0;
	padding:30px 0;
	position:relative;
	z-index:100;
	background:#DEF1F1;
		.JS div#support03AreaBottom{
	}
}
div#support03AreaBottom div.FlexWrap{
	flex-wrap:wrap;
}
div#support03AreaBottom div.SupportItemBox{
	flex-basis:350px;
}
div#support03AreaBottom div.SupportItemBox:nth-child(2n+1){
	padding:0 85px 0 90px;
}
div#support03AreaBottom div.SupportItemBox:nth-child(2n+2){
	padding:0 90px 0 0;
}

div.SupportItemBox h4{
	width:auto;
	height:230px;
	position:relative;
}

div.hoverBox:hover{
	opacity: 0.8;
}

div#ai_it h4{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/AIforITOperations.jpg') no-repeat 0 0;
	background-size:350px auto;
}
div#sec_ope h4{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/SecurityOperationsPlatform.jpg') no-repeat 0 0;
	background-size:350px auto;
}
div#service_now h4{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/ServiceNow.jpg') no-repeat 0 0;
	background-size:350px auto;
}
div#supp_jp1 h4{
	background:url('/Prod/comp/soft1/jp1/product/optimize/img/jp1.jpg') no-repeat 0 0;
	background-size:350px auto;
}
div#support03AreaBottom div.SupportItemBox h4 span{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	color:#FFF;
	background:rgba(0, 0, 0, 0.5);
	font-weight:bold;
	font-size:120%;
	padding:15px 0;
	text-align:center;
	background-image: url(/image/jp/r1/icon/icon_new_window_white_hd.png) !important;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
	background-size: 22px 22px;
}/*2022/7/21改訂前*/

/****************************************
 * ServiceNow(IT運用最適化サービス配下) *
 ****************************************/
body#opt_servicenowPage div#jp1PageTitleArea1{
	margin-top:calc(1em + 25px);
	background:#4097AA;
}
body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
	background:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/h1.png') no-repeat bottom center;
	background-size:100% auto;
	height:360px;
	position:relative;
}
body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
	position:absolute;
	top:20%;
	left:41%;
}
body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1{
	font-size:200%;
	color:#FFF;
}

body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1 span{
	font-weight: bold;
}

body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1 a:hover{
	color:#FFF;
}
body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner p.DescriptionText{
	color:#FFF;
	font-size:130%;
	font-weight:bold;
}
body#opt_servicenowPage div#competencyMenuAbout{
	background:#4097AA;
	margin:0;
}
body#opt_servicenowPage div#competencyMenuAbout div.contentsWidth{
	background:#4F215B;
	padding:0;
}
body#opt_servicenowPage div#competencyMenuAbout ul li a span{
	background:#4F215B;
	font-weight:bold;
	padding:0;
	height:40px;
	font-size:110%;
}
body#opt_servicenowPage div#competencyMenuAbout ul li+ li span{
	border-left:2px solid #FFF;
}
body#opt_servicenowPage #competencyMenuAbout ul li a:hover{
	background:linear-gradient(#4F215B, #1A0D1E);
}
body#opt_servicenowPage #competencyMenuAbout ul li a:hover span{
	background:rgba(0, 0, 0, 0);
}
body#opt_servicenowPage div#headPreface{
	background:#4097AA;
}
body#opt_servicenowPage div#headPreface p.TextStyle1{
	background:#FFF url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/servicenow.png') no-repeat center right;
	background-position-x:calc(100% - 30px);
	background-size:38% auto;
	padding:90px 50% 65px 30px;
	margin:0;
	font-size: 94%;
}

/*適用ケース*/
body#opt_servicenowPage div#servicenow_01Area{
	background:#66B7BB;
	color:#FFF;
	padding:20px 0;
}
/*h2共通*/
body#opt_servicenowPage div#servicenow_01Area h2,
body#opt_servicenowPage div#servicenow_02Area h2,
body#opt_servicenowPage div#otherArea h2#servicenow_03,
body#opt_servicenowPage div#otherArea h2#servicenow_04{
	margin:0;
	font-weight:bold;
	font-size: 190%;
}
body#opt_servicenowPage div#servicenow_01Area p.TextStyle1{
	margin:0;
	font-weight:bold;
	font-size:160%;
}
body#opt_servicenowPage div#servicenow_01Area ul.FlexWrap li{
	flex-basis:18%;
	margin-left:2.5%;
	text-align:center;
	background:#FFF;
}
body#opt_servicenowPage div#servicenow_01Area ul.FlexWrap li:first-child{
	margin:0;
}
body#opt_servicenowPage div#servicenow_01Area ul.FlexWrap li a{
	display:block;
	padding:5px 0 30px;
	font-size:90%;
	background:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/link.png') no-repeat bottom center;
	background-size:20px auto;
	background-position-y:calc(100% - 20%);
	color:#4F215B;
	font-weight:bold;
}
/*適用ケース 内容*/
body#opt_servicenowPage div#servicenow_01_1Area{
	padding:50px 0;
	background:#C9E7E5;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap{
	justify-content:space-between;
	margin-bottom:70px;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap:last-child{
	margin-bottom:0;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap.flexReverse{
	flex-direction:row-reverse;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea{
	flex-basis:60%;
	margin:0 15px 0 0;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap.flexReverse div.TextArea{
	margin:0 0 0 15px;
}
body#opt_servicenowPage div#servicenow_01_1Area p.TextStyle1{
	font-size: 95%;
}

body#opt_servicenowPage div#servicenow_01_1Area h3{
	color:#4097AA;
	border:none;
	font-size:140%;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea ul.LinkListStyle1{
	margin:0;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea ul.LinkListStyle1 li{
	display:inline-block;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea ul.LinkListStyle1 li a{
	display:inline-block;
	padding:10px 40px;
	background:#52205B url('/image/jp/r1/icon/icon_link_right_l_white_hd.gif') no-repeat center right;
	background-position-x:calc(100% - 20px);
	background-size:20px auto;
	color:#FFF;
	font-weight:bold;
	font-size:110%;
	border-radius:20px;
}
body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea ul.LinkListStyle1 li.NewWindow a{
	background-image:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/otherpage_white.png');
	background-position-x:calc(103% - 20px);
	background-size:17px auto;
}

/*ServiceNowのことなら、日立にお任せください*/
body#opt_servicenowPage div#servicenow_02Area{
	background:#0190CA;
	color:#FFF;
	padding:50px 0;
}
body#opt_servicenowPage div#servicenow_02Area p.TextStyle1{
	font-size: 95%;
}
body#opt_servicenowPage div#servicenow_02Area h3{
	color:#FFF;
	border:none;
	font-size:130%;
}
body#opt_servicenowPage div#servicenow_02Area div.servicenow_02child{
	margin-bottom:15px;
	box-sizing:border-box;
	padding:30px 0 30px 225px;
	background:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/servicenow02_02.png') no-repeat top left;
	background-size:250px auto;
	min-height:168px;
}
body#opt_servicenowPage div#servicenow_02Area div.servicenow_02child:first-child{
	background:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/servicenow02_01.png') no-repeat top left;
	background-size:250px auto;
}
body#opt_servicenowPage div#servicenow_02Area div.servicenow_02child:last-child{
	background:url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/servicenow02_03.png') no-repeat top left;
	background-size:250px auto;
}

/*お客さまの声*/
body#opt_servicenowPage div#otherArea{
	background:#4097AA;
	padding:50px 0;
}
body#opt_servicenowPage div#otherArea h2#servicenow_03,
body#opt_servicenowPage div#otherArea h2#servicenow_04{
	color:#FFF;
}
body#opt_servicenowPage div#otherArea div.FlexWrap{
	justify-content:space-between;
	margin-bottom:50px;
}
body#opt_servicenowPage div#otherArea div.FlexWrap > a{
	flex-basis:48%;
	display:inline-block;
	background:#FFF;
	padding:25px 0;
}
body#opt_servicenowPage div#otherArea div.FlexWrap > a p.TextStyle1{
	padding:0 15px;
	font-size:110%;
	font-weight:bold;
	color:#000;
}
body#opt_servicenowPage div#otherArea div.FlexWrap > a p.TextStyle1:first-child{
	min-height:3.7em;
}
/*IT運用最適化サービス配下ページ共通*/
body#opt_servicenowPage div#otherArea div.FlexWrap > a ul li,
body#aiopsPage div#otherArea div.Grid4 > a ul li{
	display:inline-block;
	background:#514180 url('/Prod/comp/soft1/jp1/product/optimize/servicenow/img/otherpage_white.png') no-repeat;
	background-position-y:40%;
	background-position-x:calc(100% - 15px);
	background-size:20px auto;
	color:#FFF;
	margin-right:15px;
	padding:5px 50px 5px 30px;
	font-weight:bold;
	border-radius:20px;
}


/**************************************************
 * AI for IT Operations(IT運用最適化サービス配下) *
 **************************************************/
body#aiopsPage div#jp1PageTitleArea1{
	margin-top:calc(1em + 25px);
	background:#64B5B8;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	margin:0 auto;
	background:url('/Prod/comp/soft1/jp1/product/optimize/aiops/img/h1.jpg') no-repeat bottom center;
	background-size:100% auto;
	height:400px;
	position:relative;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
	position:absolute;
	top:30%;
	left:50%;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1{
	font-size:200%;
	color:#FFF;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1 span{
	font-weight: bold;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner h1 a:hover{
	color:#FFF;
}
body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner p.DescriptionText{
	color:#FFF;
	font-size:130%;
	font-weight:bold;
}
body#aiopsPage div#competencyMenuAbout{
	background:#03588C;
	margin:0;
}
body#aiopsPage div#competencyMenuAbout ul li a span{
	background:none;
	padding:0;
	height:40px;
	font-weight: bold;
	font-size: 110%;
}
body#aiopsPage div#competencyMenuAbout ul li + li span{
	border-left:2px solid #FFF;
}

body#aiopsPage div#aiops_01Area{
	background:#64B5B8;
	padding:50px 15px;
}
body#aiopsPage div#aiops_01Area h2{
	margin:0 0 15px;
	font-weight:bold;
	font-size:160%;
}

body#aiopsPage div#aiops_01Area p.TextStyle1{
	font-size: 95%;
}

body#aiopsPage div.aiops_01Child{
	background:#CBEBEC;
	padding:15px 15px 0;
	margin-bottom:15px;
	justify-content:space-between;
}
body#aiopsPage div.aiops_01Child.flexReverse{
	flex-direction:row-reverse;
}
body#aiopsPage div.aiops_01Child div.TextArea{
	margin-right:20px;
	position:relative;
	padding-bottom:50px;
}
body#aiopsPage div.aiops_01Child.flexReverse div.TextArea{
	margin:0 0 0 20px;
}
body#aiopsPage div.aiops_01Child div.TextArea h3{
	color:#000;
	border:none;
	font-size:140%;
}
body#aiopsPage div.aiops_01Child ul.LinkListStyle1{
	position:absolute;
	bottom:0;
	left:0;
}
body#aiopsPage div.aiops_01Child.flexReverse ul.LinkListStyle1{
	right:0;
	left:auto;
}
body#aiopsPage div.aiops_01Child ul.LinkListStyle1 li{
	display:inline-block;
}
body#aiopsPage div.aiops_01Child ul.LinkListStyle1 a{
	display:block;
	color:#FFF;
	font-weight:bold;
	padding:10px 40px;
	border-radius:20px;
	background:#03588C url('/image/jp/r1/icon/icon_link_right_l_white_hd.gif') no-repeat center right;
	background-size:20px auto;
	background-position-x:calc(100% - 20px);
	font-size:110%;
}

body#aiopsPage div#aiops_02Area{
	background:#0190CA;
	padding:50px 15px;
	color:#FFF;
}
body#aiopsPage div#aiops_02Area h2{
	margin: 0 0 15px;
	font-weight:bold;
	font-size:190%;
}
body#aiopsPage div#aiops_02Area p.TextStyle1{
	font-size: 95%;
}
body#aiopsPage div#aiops_02Area h3{
	color:#FFF;
	border:none;
	font-size:130%;
}
body#aiopsPage div#aiops_02Area p.TextStyle1{
	padding:30px 15px 0 230px;
	background:url('/Prod/comp/soft1/jp1/product/optimize/aiops/img/aiops02_02.png') no-repeat top left;
	background-size:230px auto;
	min-height:170px;
	box-sizing:border-box;
}
body#aiopsPage div#aiops_02Area div.Section:nth-child(2) p.TextStyle1{
	background-image:url('/Prod/comp/soft1/jp1/product/optimize/aiops/img/aiops02_01.png');
	background-size:230px auto;
}
body#aiopsPage div#aiops_02Area div.Section:last-child p.TextStyle1{
	background-image:url('/Prod/comp/soft1/jp1/product/optimize/aiops/img/aiops02_03.png');
	background-size:230px auto;
}

body#aiopsPage div#otherArea{
	background:#C0D2E0;
	padding:50px 15px;
}
body#aiopsPage div#otherArea h2#aiops_03,h2#aiops_04{
	color:#28388F;
	font-weight:bold;
	margin:0 0 15px;
	font-size:190%;
}
body#aiopsPage div#otherArea div.Grid4 > a{
	display:block;
	width:460px;
	background:#FFF;
	padding:25px 0;
	margin:0 auto;
	
}
body#aiopsPage div#otherArea div.Grid4 > a p.TextStyle1,
body#aiopsPage div#otherArea div.Grid4 > a ul{
	padding:0 15px;
}
body#aiopsPage div#otherArea div.Grid4 > a p.TextStyle1{
	font-size:110%;
	font-weight:bold;
	color:#000;
}


/*******************************************************
 IoTサービスを提供する会社の「今」やるべきこととは？
 *******************************************************/
 /**
  「IoTで変わる産業機器業界生き残るために必要なこととは？」でも流用
  */
body.normalTopicPath div#TopicPath.jp1TopicPath{
	position:relative;
}
/*「適用例」ページと共通*/
body#jp1IoT div#jp1PageTitleArea2,
body#jp1Case01Page div#jp1PageTitleArea2{
	position:relative;
	z-index:3;
	background:#363636;
}
body#jp1IoT div#jp1PageTitleArea2 div.PageTitleStyle3,
body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3{
	background:rgba(0, 0, 0, 0);
	z-index:10;
	min-height:200px;
}
body#jp1IoT div#jp1PageTitleArea2 div.PageTitleStyle3 h1,
body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1{
	height:150px;
	padding-top:50px;
}
body#jp1IoT div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span,
body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span{
	position:static;
}
body#jp1IoT div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span.SubTitle,
body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span.SubTitle{
	font-size:100%;
}
p#rightsideBranding{
	position:absolute;
	margin:0;
	top:0;
	right:0;
	z-index:6;
	text-align:right;
	height:200px;
	overflow:hidden;
}
p#rightsideBranding img{
	margin:0;
}
ul.redLinkBox li a:link,
ul.redLinkBox li a:visited{
	background:#E60027 url(/image/jp/r1/icon/icon_new_window_white_hd.png) no-repeat 140px center;
	color:#FFF;
	display:inline-block;
	padding:10px 50px 10px 30px;
	border-radius:10px;
	font-size:120%;
}
ul.redLinkBox li a:hover{
	text-decoration:none;
	opacity:0.7;
}

div#exampleMainArea,
div#securityMainArea{
	background:#001F4B;
	color:#FFF;
}
div.h2Area01{
	background:url('/Prod/comp/soft1/jp1/product/jp1IoT/security/images/meter.jpg') no-repeat 0 0;
	background-size:100% auto;
	padding:30px 0 0;
}
div#exampleMainArea div.h2Area01{
	background-image:url('/Prod/comp/soft1/jp1/product/jp1IoT/case_02/images/h2Area01.jpg');
	position:relative;
}
div#exampleMainArea div.h2Area01 div.GridSet{
	position:relative;
	z-index:100;
}

div.h2Area02{
	background:url('/Prod/comp/soft1/jp1/product/jp1IoT/security/images/IoT.jpg') no-repeat top center;
	background-size:100% auto;
	padding:30px 0 30px;
}

div#exampleMainArea p span,
div#securityMainArea p span{
	color:#FFF;
}
div#exampleMainArea div#leadingComment,
div#securityMainArea div#leadingComment{
	display:inline-block;
	position:relative;
	padding:5px 1em;
	width:60%;
	text-shadow:2px 1px 1px rgba(0, 0, 0, 0.8);
}
div#exampleMainArea div#leadingComment:before,
div#exampleMainArea div#leadingComment:after,
div#securityMainArea div#leadingComment:before,
div#securityMainArea div#leadingComment:after{
	content:"";
	position:absolute;
	top:0;
	padding:2em 0;
}
div#exampleMainArea div#leadingComment:before,
div#securityMainArea div#leadingComment:before{
	border-left:2px solid #FFF;
	transform:rotate(-30deg);
	left:0;
}
div#exampleMainArea div#leadingComment:after,
div#securityMainArea div#leadingComment:after{
	border-right:2px solid #FFF;
	transform:rotate(30deg);
	right:0;
}
div#exampleMainArea h2,
div#securityMainArea h2{
	font-weight:bold;
}
div#exampleMainArea h2 span,
div#securityMainArea h2 span{
	background:rgba(0, 0, 0, 0);
}
div#exampleMainArea div.h2Area01 div.GridSet > h2 span,
div#exampleMainArea div.h2Area02 div.GridSet > h2 span,
div#securityMainArea div.h2Area01 div.GridSet > h2 span,
div#securityMainArea div.h2Area02 div.GridSet > h2 span{
	color:#FFF;
	display:inline-block;
	padding:0 15px;
	text-shadow:2px 1px 1px rgba(0, 0, 0, 0.8);
	font-size:160%;
}

div#exampleMainArea div.h2Area02 div.GridSet > h2 span,
div#securityMainArea div.h2Area02 div.GridSet > h2 span{
	padding-top:70px;
}
div#securityMainArea div.h2Area01 div.GridSet > h2:before{
	content:"適用例";
	display:inline-block;
	padding:1.2em 1em;
	font-size:60%;
	color:#000;
	background:#FFF;
	border-radius:50%;
	vertical-align:top;
}

div#exampleMainArea div.ContentsBox,
div#securityMainArea div.ContentsBox{
	background:#FFF;
	position:relative;
	padding:50px 50px 30px;
	overflow:hidden;
	color:#000;
	border-radius:10px;
	margin:0 20px 30px 35px;
}

div#securityMainArea .FatMenu, .FatMenuWide,
body#jp1IoTPage .jp1CategoryIconLink,
body#jp1IoTfeature .jp1CategoryIconLink,
body#jp1Case01Page .jp1CategoryIconLink,
body#jp1IoT .jp1CategoryIconLink {

	display:none
}

div.ContentsBox h3{
	font-size:100%;
	display:inline-block;
	text-align:left;
	padding-left:80px;
	font-size:150%;
	border:none;
	margin:30px 0 15px 30px;
	width:85%;
}
div.h2Area01 div.ContentsBox h3{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/security/images/security.png) no-repeat 0 0;
	background-size:90px auto;
}
div#exampleMainArea div.h2Area01 div.ContentsBox h3{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/case_02/images/Question.png) no-repeat 0 0;
	background-size:56px auto;
	padding:15px 0 5px 56px;
	width:auto;
}
div.h2Area02 div.ContentsBox h3{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/security/images/solution.png) no-repeat 0 0;
	background-size:90px auto;
}
div#exampleMainArea div.h2Area02 div.ContentsBox h3{
	background-image:url(/Prod/comp/soft1/jp1/product/jp1IoT/case_02/images/solution.png);
	background-size:80px auto;
	width:auto;
	padding:15px 0 5px 80px;
}

/*** 「IoTで変わる産業機器業界
     　生き残るために必要なこととは？」独自 ***/
div#exampleMainArea div.h2Area02 div.contentBottomBox{
	margin:0 -50px -30px;
	background:#007899;
}div#exampleMainArea div.h2Area02 div.contentBottomBox p{
	padding:30px 0;
	font-size:170%;
	font-weight:bold;
	color:#FFF;
}


div.ContentsBox h3 span{
	padding:0 0px 0px 30px;
	color:#0151AC;
	font-size:110%;
	display:block;
	line-height:130%;
}
div#exampleMainArea div.ContentsBox h3 span{
	padding-left:15px;
}
div.ContentsBox h3 span.SubHeader{
	font-size:83%;
	color:#000;
	margin-bottom:20px;
}
div.h2Area02 div.ContentsBox.contents3 h3{
	background-image:none;
	padding:0;
	text-align:center;
}

div#exampleMainArea div.h2Area02 div.BoxPatternD h4{
	font-size:130%;
}


div.ContentsBox h3.catchcopy{
	font-size:100%;
	display:inline-block;
	text-align:left;
	padding-left:80px;
	font-size:150%;
	border:none;
	margin:30px 0 15px 0;
	width:100%;
}
div.h2Area01 div.ContentsBox h3.catchcopy{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/security/images/security.png) no-repeat 0 0;
	background-size:60px auto;
}
div.h2Area02 div.ContentsBox h3.catchcopy{
	background:url(/Prod/comp/soft1/jp1/product/jp1IoT/security/images/solution.png) no-repeat 0 0;
	background-size:60px auto;
}
div.ContentsBox h3.catchcopy span{
	padding:0;
	color:#0151AC;
	font-size:110%;
	display:block;
	line-height:130%;
	text-align:center;
}
div.ContentsBox h3.catchcopy span.SubHeader{
	font-size:83%;
	color:#000;
	margin-bottom:20px;
}
div#exampleMainArea div.h2Area02 div.ContentsBox.contents3 h3.catchcopy,
div.h2Area02 div.ContentsBox.contents3 h3.catchcopy{
	background-image:none;
	padding:0;
	text-align:center;
}


p.BoxLabel{
	transform:rotate(-40deg);
	font-size:35px;
	font-weight:bold;
	position:absolute;
	width:12em;
	top:0.5em;
	left:-4em;
	padding:10px 0;
}
div.h2Area01 p.BoxLabel{
	background:#417DCC;
	color:#FFF;
}
div.h2Area02 p.BoxLabel{
	background:#FFF78B;
	color:#000;
}

div.ContentsBox > div.BoxPatternC{
	padding:15px;
	border-radius:7px;
}
h4.LabelHeader3{
	border:none;
	float:left;
	width:12%;
	min-width:100px;
}
h4.LabelHeader3 span{
	color:#FFF;
	background:#595959;
	border-radius:5px;
	display:inline-block;
	padding:5px 10px;
}
div.DamageEx{
	float:left;
	width:85%;
}
div.DamageEx > ul{
	text-indent:-15px;
}
div.DamageEx > ul ul.ListStyle1{
	padding:0;
}
div.DamageEx > ul ul.ListStyle1 li{
	text-indent:0.5em;
}

/*****************
 操作解説ムービー
*****************/
.FlexWrap{
	display:flex;
}
div.BasicUse div.BoxPatternC{
	background:#C9E7EF;
}
div.AdvancedUse div.BoxPatternC{
	background:#E2F0D9;
}

.movieArea .BoxPatternC h3{
	background:#4B575D;
	color:#FFF;
	margin:10px 15px;
	display:inline-block;
	text-align:center;
	padding:5px 20px;
	min-width:55px;
	border-radius:20px;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
}

.movieArea div.BoxPatternC div.Inner{
	margin:0 15px;
	width:200px;
}
.movieArea div.Column2 div.Inner{
	margin-left:0;
}
.movieArea div.Column2 div.Inner:first-child{
	margin:0 30px 0 15px;
}
.movieArea div.BoxPatternC p.ImgOnlyStyle{
	font-size:90%;
	padding:0;
}
.movieArea div.BoxPatternC p.ImgOnlyStyle strong{
	display:block;
	color:#FFF;
}
div.BasicUse .movieArea div.BoxPatternC p.ImgOnlyStyle strong{
	background:#0575D5;
}
div.AdvancedUse .movieArea div.BoxPatternC p.ImgOnlyStyle strong{
	background:#0F793F;
}

div.Jp1foriotIframeArea {
	width: 70vw;
	height: calc(70vw * 0.5625);
	max-width: 965px;
	max-height: calc(965px * 0.5625);
}

div.Jp1foriotIframeArea iframe {
	width: 100%;
	height: 100%;
}

/*******************************************************
 JP1 Cloud Service 統合管理プラットフォーム
 *******************************************************/
body#ompf_monitoringPage div#jp1PageTitleArea1{
	background:#000;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1{
	width:965px;
	box-sizing:border-box;
	margin:0 auto;
	color:#FFF;
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/h1.png') no-repeat center right;
	background-position-x:calc(100% - 150px);
	background-size:200px auto;
	padding:30px 350px 30px 0;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csAutomation{
	width:965px;
	box-sizing:border-box;
	margin:0 auto;
	color:#FFF;
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/h1.png') no-repeat center right;
	background-position-x:calc(100% - 150px);
	background-size:200px auto;
	padding:30px 350px 30px 0;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI{
	width:965px;
	box-sizing:border-box;
	margin:0 auto;
	color:#FFF;
	padding:30px 350px 30px 0;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI{
	padding-bottom:50px;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/h1.png') no-repeat center right;
	background-position-x:calc(100% - 300px);
	background-size:200px auto;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/h1.png') no-repeat center right;
	background-position-x:calc(100% - 250px);
	background-size:300px auto;
}

body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI p.ImgOnlyStyle,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas p.ImgOnlyStyle{
	display: inline-block;
	position: absolute;
	margin: -105px 0px 0px 740px;
	float: right;
}

body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1 a:hover,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
	font-weight:bold;
	color:#FFF;
	text-shadow:2px 2px 2px #11519F, -2px 2px 2px #11519F, 2px -2px 2px #11519F, -2px -2px 2px #11519F;
}

body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas h1,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas h1 a:hover,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas p.DescriptionText{
	font-weight:bold;
	color:#FFF;
	text-shadow:2px 2px 2px #257461, -2px 2px 2px #257461, 2px -2px 2px #257461, -2px -2px 2px #257461;
}
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI h1,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI h1 a:hover,
body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI p.DescriptionText{
	font-weight:bold;
	color:#FFF;
	text-shadow:1px 1px 1px #FF9999, -1px 1px 1px #FF9999, 1px -1px 1px #FF9999, -1px -1px 1px #FF9999;
}

body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1 span{
	font-weight: bold;
}

body#ompf_monitoringPage div#mainContent h2{
	font-weight:bold;
	color:#333;
	text-align: left;
	padding: 30px 0 30px 0px;
	font-size: 200%;
}

body#ompf_monitoringPage div#mainContent h3{
	border:none;
	border-left:9px solid #953735;
	color:#333;
	font-size:130%;
	padding:3px 15px;
}
body#ompf_monitoringPage div#mainContent.jp1csAutomation  h3{
	border:none;
	border-left:9px solid #4F81BD;
	color:#333;
	font-size:130%;
	padding:3px 15px;
}
body#ompf_monitoringPage div#mainContent.jp1csJmdas  h3{
	border:none;
	border-left:9px solid #07DB94;
	color:#333;
	font-size:130%;
	padding:3px 15px;
}

body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child,
body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child{
	padding-right:500px;
	min-height:370px;
}
body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child,
body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child{
	padding-left:510px;
	min-height:370px;
}

body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring01.png') no-repeat top right;
	background-size: 44%;
}
body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring02.png') no-repeat top left;
	background-size: 44%;
}
body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring03.png') no-repeat top right;
	background-size: 44%;
}
body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring04.png') no-repeat top left;
	background-size: 42%;
}
body#ompf_monitoringPage div#ompf_monitoring03Area div.Section{
	padding-right:500px;
	min-height:370px;
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring05.png') no-repeat top right;
	background-size: 42%;
}
body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring01Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation01.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring01Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation02.png') no-repeat top left;
	background-size: 42%;
}
body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring02Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation03.png') no-repeat top right;
	background-size: 44%;
}
body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring02Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation04.png') no-repeat top left;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring03Area div.Section{
	padding-right:500px;
	min-height:370px;
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation05.png') no-repeat top right;
	background-size: 40%;
}

body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring01Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas01.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring01Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas02.png') no-repeat top left;
	background-size: 42%;
}
body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring02Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas03.png') no-repeat right;
	background-size: 44%;
}
body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring02Area div.Section:last-child{
	background:none;
	padding-left:0px;
	min-height:300px;
	padding-right: 500px;
	margin: -165px 0px 0px 0px;
}

body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:first-child{
	padding-right:500px;
	min-height:370px;
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas04.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas05.png') no-repeat top left;
	background-size: 40%;
}

body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:last-child{
	padding-left:510px;
	min-height:370px;
	padding-right:0px;
}
/*運用統合プラットフォーム*/
body#ompf_monitoringPage div#jp1opsI02Area div.Section,
body#ompf_monitoringPage div#jp1opsI03Area div.Section{
	padding-left:510px;
	padding-right:0;
	min-height:230px;
}
body#ompf_monitoringPage div#jp1opsI01Area div.Section,
body#ompf_monitoringPage div#jp1opsI02Area div.Section:first-child,
body#ompf_monitoringPage div#jp1opsI02Area div.Section:last-child,
body#ompf_monitoringPage div#jp1opsI03Area div.Section:first-child{
	padding-left:0;
	padding-right:500px;
	min-height:230px;
}
body#ompf_monitoringPage div.jp1opsI div#jp1opsI01Area div.Section{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI01.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1opsI div#jp1opsI02Area div.Section{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI03.png') no-repeat top left;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1opsI div#jp1opsI02Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI02.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div.jp1opsI div#jp1opsI02Area div.Section:last-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI04.png') no-repeat top right;
	background-size: 40%;
}
body#ompf_monitoringPage div#jp1opsI03Area div.Section{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI06.png') no-repeat top left;
	background-size: 40%;
}
body#ompf_monitoringPage div#jp1opsI03Area div.Section:first-child{
	background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/operations_integration/img/jp1opsI05.png') no-repeat top right;
	background-size: 40%;
}

body#ompf_monitoringPage div.ompf_monitoringChild div.Section{
	margin-bottom:30px;
}
body#ompf_monitoringPage div.ompf_monitoringChild div.Section p.TextStyle1{
	font-size:100%;
	padding-top: 25px;
	line-height: 180%;
}


/*********************
 ページ内リンク（特殊）
**********************/
dl.jp1VerticalInnerLinks{
	text-align:center;
}
dl.jp1VerticalInnerLinks dt,
dl.jp1VerticalInnerLinks dd{
	margin:0 0 15px;
}
dl.jp1VerticalInnerLinks dt a,
dl.jp1VerticalInnerLinks dt > span,
dl.jp1VerticalInnerLinks dd a{
	display:block;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
}
dl.jp1VerticalInnerLinks dt a,
dl.jp1VerticalInnerLinks dt > span{
	background:#005A82;
	padding:15px 0;
}
dl.jp1VerticalInnerLinks dd a{
	background:#007899 url('/image/jp/r1/icon/icon_down_l_white_hd.gif') no-repeat;
	background-position:calc(100% - 7px) center;
	background-size:25px;
	padding:15px 30px 5px 5px;
}
dl.jp1VerticalInnerLinks dd a span{
	display:block;
	font-size:65%;
	line-height:1.2;
	margin-top:10px;
}

.pcItem{
	display:block !important;
}

/*====================================*/
/*   Responsive Setting               */
/*====================================*/

/* for - 994px
 ****************************************************************************************/
@media screen and (max-width: 994px) {
	/* [JP1]ページ - 斜めのBOX */
	.JS div#DiagonalPanelArea,
	.JS div#DiagonalPanelArea:hover{
		cursor:default;
		opacity:1;
		text-align:center;
	}
	.JS div.DiagonalSet{
		display:inline-block;
		width:510px;
	}
	.JS div#IntelligenceBox div.DiagonalBoxBody{
		width:160px;
		height:160px;
	}
	div.DiagonalBoxWrap div.DiagonalOptionBox,
	div.DiagonalBoxWrap div.DiagonalBoxBody{
		margin:-200px 0 -200px 40px;
	}
	.JS div#DiagonalColumnSet div.Column1{
		width:100%;
		float:none;
	}
	.JS div.Column1 div#AutomationBox,
	.JS div.Column1 div#GovernanceBox{ margin-left:0; }
	.JS ul#selectButtonList{ display:none; }
	
	.JS div.DiagonalBoxWrap.DiagonalOptionWrap{
		margin:-160px 0 30px 187px;
		display:block;
	}

	/* [製品一覧]ページ - 絞り込み */
	.JS div#operationArea ul#RefineOperator li{
		width:calc(25% - 1px);
	}
	.JS div#operationArea ul#RefineOperator li a{
		width:100%;
		font-size:78%;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		vertical-align:top;
	}
	.JS div#operationArea ul#RefineOperator li a:hover{
		width:calc(100% - 4px);
	}

	.JS dl.RecepTimeInfo{
		display:block;
	}

	#competencyMenuAbout {
		width: 105%;
		margin:0px 0px 30px -15px;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	.JS body#jp1IoTPage div#jp1PageTitleArea1{
		background-size:auto 100%;
	}
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:100%;
		margin:0 auto;
	}
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		width:100%;
	}
	.JS div.ImgBoxWrap div.ImgSet{
		width:80%;
		margin-top:15px;
	}
	.JS div.ImgBoxWrap div.ThumbW180SetStyle p.Img{
		width:19%;
		padding:0 0 0 1%;
	}

	/**************
	 * 特長と機能 *
	 **************/

	.JS div#functionArea div.ColumnSet div.Column2.LastItem{
		margin:0;
	}
	.JS div#functionArea div.ColumnSet div.Column2:first-child{
		width:50%;
	}
	.JS div#Advantages div.ColumnSet{
		margin:0;
	}
	.JS div#Advantages div.Column2{
		padding:0;
		margin-right:15px;
		width:calc(50% - 15px);
	}

	/**********
	 * 適用例 *
	 **********/
	 /*「スマートメーター適用例」と共通*/
	.JS div#PopUpContents p#rightsideBranding{
		padding:0;
	}

	/************************
	 * IT運用最適化サービス *
	 ************************/
	.JS body#optimizePage div#jp1PageTitleArea1{
		margin-left:-15px;
		margin-right:-15px;
	}
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		width:auto;
	}
	.JS body#optimizePage div#optimize_01_area div.FlexWrap,
	.JS body#optimizePage div#optimize_02_area div.FlexWrap,
	.JS body#optimizePage div#optimize_03_area.FlexWrap,
	.JS body#optimizePage div#bottomContentsSet{
		padding:0 15px;
	}

	/*2022/7/21改訂前*/
	.JS div#prefaceArea ul.FlexWrap{
		justify-content:center;
	}
	.JS div#prefaceArea li{
		flex-basis:23%;
		padding:180px 3% 0;
		min-height:160px;
		color:#FFF;
		
	}
	.JS div#prefaceArea li:first-child{
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point1.png') no-repeat 0 0;
		background-size:95% auto;
	}
	.JS div#prefaceArea li:nth-child(2){
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point2.png') no-repeat 0 0;
		background-size:95% auto;
	}
	.JS div#prefaceArea li:last-child{
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point3.png') no-repeat 0 0;
		background-size:95% auto;
	}
	.JS div#support02Area div.TextBoxArea{
		margin-left:25px;
	}
	.JS div#support03AreaBottom{
		margin:-160px -15px 0 -15px;
	}

	.JS div#support02Area p.ImgOnlyStyle img{
		transform:rotate(0);
		margin:-10px 0 0 0;
	}

	/****************************************
	 * ServiceNow(IT運用最適化サービス配下) *
	 ****************************************/
	/*配下ページ共通*/
	.JS body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1,
	.JS body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:100%;
		margin:0 auto;
	}
	.JS body#opt_servicenowPage div#competencyMenuAbout{
		width:100%
	}
	.JS body#opt_servicenowPage div#servicenow_01Area{
		padding:20px 15px;
	}
	.JS body#opt_servicenowPage div#servicenow_01_1Area{
		padding:50px 15px;
	}
	.JS body#opt_servicenowPage div#otherArea{
		padding:50px 15px;
	}

	/**************************************************
	 * AI for IT Operations(IT運用最適化サービス配下) *
	 **************************************************/
	.JS body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		padding-right:15px;
	}
	.JS body#aiopsPage div#competencyMenuAbout{
		width:100%;
	}

	/*******************************************************
	 JP1 Cloud Service 統合管理プラットフォーム
	 *******************************************************/
	.JS body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:auto;
		background-position-x:calc(100% - 30px);
		padding:30px 230px 30px 15px;
	}

	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring02Area div.Section:last-child{
		padding:0 0 325px;
		margin: 0px 0px 0px 0px;
	}

	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:first-child{
		padding:0px 430px 0px 0px;
	}
	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:last-child{
		padding-left:420px;
	}

	body#ompf_monitoringPage div#mainContent.jp1csJmdas h2#ompf_monitoring03{
		margin: -430px 0 0 0px;
	}

	body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas,
	body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI{
		background-position-y: top;
	}

	body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1csJmdas p.ImgOnlyStyle{
		display: contents;
		margin: 0;
	}
	body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1.jp1opsI p.ImgOnlyStyle{
		margin:0;
		position:static;
		float:none;
	}


	/*****************
	 操作解説ムービー
	 *****************/
	.JS .movieArea div.BoxPatternC div.Inner{
		width:calc(100% - 30px);
	}

	/*******************************************************
	 IoTサービスを提供する会社の「今」やるべきこととは？
	 *******************************************************/
	.JS p#rightsideBranding img{
		height:100%;
	}
}

/* for - 965px
 ****************************************************************************************/
@media screen and (max-width: 964px){

	/************************
	 * IT運用最適化サービス *
	 ************************/
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1{
		width:100%;
	}
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 p.ImgOnlyStyle img{
		width:48%;
	}
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 ul#attachedImg li{
		right:2%;
		left:auto;
	}
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 ul#attachedImg li:first-child{
		top:42%;
		left:7%;
	}
	.JS div#prefaceArea ul.FlexWrap{
		display:block;
		width:645px;
		margin:30px auto 0 auto;
	}
	
	/*2022/7/21改訂前*/
	.JS div#prefaceArea li{
		width:250px;
		padding:230px 30px 0;
		margin:0 auto;
		float:left;
		position:relative;
	}
	.JS div#prefaceArea li:first-child{
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point1.png') no-repeat 0 0;
		background-size:310px 385px;
		margin-right:25px;
		z-index:50;
	}
	.JS div#prefaceArea li:nth-child(2){
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point2.png') no-repeat 0 0;
		background-size:310px 385px;
		z-index:51;
	}
	.JS div#prefaceArea li:last-child{
		background:url('/Prod/comp/soft1/jp1/product/optimize/img/Point3.png') no-repeat 0 0;
		background-size:310px 385px;
		float:none;
		padding-top:600px;
		background-position:center bottom;
		z-index:52;
	}
	
	.JS div#support03Area div.TextBoxArea{
		padding-right:9%;
	}
	.JS div#support03AreaBottom div.SupportItemBox{
		flex-basis:36%
	}
	.JS div#support03AreaBottom div.SupportItemBox:nth-child(2n+1){
		padding:0 8% 0 9%;
	}
	.JS div#support03AreaBottom div.SupportItemBox:nth-child(2n+2){
		padding:0 9% 0 0;
	}

	.JS div#support01Area div.GridSet,
	.JS div#support02Area div.GridSet{
		height:auto;
		min-height:250px;
	}
	.JS div#support01Area p.ImgOnlyStyle,
	.JS div#support02Area p.ImgOnlyStyle{
		height:auto;
		padding-top:10%;
	}
	.JS div#support02Area p.ImgOnlyStyle img{
		margin:0 0 10%;
		padding:20% 0 5%;
	}
	.JS div#support01Area p.ImgOnlyStyle img{
		margin:0 0 10%;
		padding:10% 0 5%;
	}
	.JS div.TextBoxArea div.boxInner{
		height:auto;
		display:block;
		padding:20% 0;
		margin:10% 0;
	}
	/*******************************************************
	 JP1 Cloud Service 統合管理プラットフォーム
	 *******************************************************/
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child{
		padding-right:50%;
		background-size:48% auto;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child{
		padding-left:50%;
		background-size:48% auto;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring03Area div.Section{
		padding-right:50%;
		background-size:48% auto;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	 /*「特長と機能」の問い合わせボックスと共通*/
	.JS body#jp1IoTPage div.LinkBanner,
	.JS body#jp1IoTfeature div#DownloadArea{
		background-size:auto 100%;
	}

	/**************
	 * 特長と機能 *
	 **************/
	.JS div#deviceManagement h2{
		margin:0 15px 15px;
	}

	/**********
	 * 適応例 *
	 **********/
	.JS div.SummaryWrap div.SummaryBox h3.SummaryH3{
		width:auto;
	}

	/*****************
	 操作解説ムービー
	 *****************/
	.JS div.ColumnSet.movieArea div.Column1,
	.JS div.ColumnSet.movieArea div.Column2{
		float:none;
		width:480px;
		margin:0 auto;
	}
	.JS .movieArea div.BoxPatternC{
		text-align:center;
	}
	.JS .movieArea div.BoxPatternC div.FlexWrap{
		width:460px;
		margin:0 auto;
	}
	.JS .movieArea div.BoxPatternC div.Inner{
		width:200px;
	}
	.JS .movieArea div.BoxPatternC > div.Inner{
		margin:0 auto;
	}
	.JS .movieArea div.BoxPatternC div.Inner > p.TextStyle2{
		text-align:left;
	}

	/*******************************************************
	 IoTサービスを提供する会社の「今」やるべきこととは？
	 *******************************************************/
	.JS div.h2Area01 div.ContentsBox h3,
	.JS div.h2Area02 div.ContentsBox h3{
		width:70%;
	}
	
	.JS div.h2Area02 div.ContentsBox h3.catchcopy{
		width:100%;
	}

	h4.LabelHeader3{ float:none; }
	div.DamageEx{
		float:none;
		width:100%;
	}
	
	div.Jp1foriotIframeArea {
		width: 80vw;
		height: calc(80vw * 0.5625);
	}

	div.Jp1foriotIframeArea iframe {
		width: 100%;
		height: 100%;
	}
	
	/*******************
	 製品一覧下位ページ
	 *******************/
	.JS div#nbu01_01Area,
	.JS div#nbu02_01Area,
	.JS div#nbu02_03Area,
	.JS div#nbu03_02Area{
		padding-right:50%;
	}
	.JS div#nbu01_02Area,
	.JS div#nbu02_02Area,
	.JS div#nbu03_01Area{
		padding-left:50%;
	}
}

/* for - 767px
 ****************************************************************************************/
@media screen and (max-width: 766px){
	/*767pxで非表示にする用*/
	.JS .sp767{ display:none !important; }
	.JS div.stepFlow div.ImgLeftAdjust{
		float:left;
	}
	.JS div.jp1BoxPatternB{
		text-align:center;
	}
	.JS div.ReceptArea{
		margin:0;
		border-right:none;
	}
	.JS div.jp1BoxPatternB div.flexItem{
		text-align:center;
	}
	.JS div.jp1BoxPatternB div.flexItem:first-child{
		display:inline-block;
		width:auto;
		padding:10px 0 5px 90px;
	}
	.JS div.jp1BoxPatternB div.flexItem:last-child{
		border-top:10px solid #007899;
		padding:10px 10% 5px;
		width:80%;
	}
	.JS div.jp1BoxPatternB .RightColumn .FlexRowWrap2{
		display:flex;
	}
	.JS div.jp1BoxPatternB .LinkListStyleBox:first-child{
		margin-top:0;
	}

	#competencyMenuAbout {
		width: 107%;
	}

	/*****************
	 * JP1 Cloud Service） *
	 *****************/
	#competencyMenuAbout ul.jp1csMenu li a span {
		font-size: 14px;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	.JS body#jp1IoTPage div#TitleInner ul.LinkListStyle1{
		width:100%;
		text-align:center;
	}
	.JS body#jp1IoTPage div#TitleInner ul.LinkListStyle1 li a{
		width:calc(100% - 37px);
	}
	.JS #competencyMenuAbout div.contentsWidth{
		width:100%;
		padding:0;
	}
	.JS #competencyMenuAbout ul{
		display:block;
	}
	.JS #competencyMenuAbout ul li a{
		padding:0;
	}
	.JS #competencyMenuAbout ul li span{
		display:block;
		border-bottom:1px solid #888;
		border-left:none;
		width:calc(100% - 15px);
		
		padding:20px 15px 0 0;
		height:40px;
	}
	.JS div.ImgBoxWrap div.ImgSet{
		width:70%;
		margin-top:15px;
	}
	.JS div.ImgBoxWrap div.ThumbW180SetStyle p.Img{
		width:29%;
		padding:0 0 0 1%;
	}
	/*独自Flex - 767pxでは維持*/
	.JS div.webSeminar div.FlexRowWrap2{
		display:flex;
	}
	.JS div.webSeminar div.FlexRowWrap2 .flexItem{
		width:calc(50% - 7px);
		margin-right:14px;
	}
	
	.JS div.Jp1foriotIframeArea {
		width: 90vw;
		height: calc(90vw * 0.5625);
	}

	.JS div.Jp1foriotIframeArea iframe {
		width: 100%;
		height: 100%;
	}
	
	/**************
	 * 特長と機能 *
	 **************/
	.JS body#jp1IoTfeature div#jp1PageTitleArea2{
		background-size:auto 100%;
	}
	.JS body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3{
		min-height:150px;
	}
	.JS body#jp1IoTfeature div#jp1PageTitleArea2 div.PageTitleStyle3 h1{
		padding:0;
		height:150px;
	}

	.JS body#jp1IoTfeature #competencyMenuAbout ul li a{
	text-align: center;
	line-height: 130%;
	}

	.JS body#jp1IoTfeature #competencyMenuAbout ul li a span{
		display:block;
		width:100%;
		color:#333;
		background:url("/Prod/comp/soft1/jp1/shared/img/icon/innerlink_button.png") no-repeat;
		background-position-x:right;
		background-position-y:center;
		background-size:20px;
	}

	.JS div#deviceManagement{
		background-position:top left;
	}
	.JS body#jp1IoTfeature #competencyMenuAbout ul li a span{
		border-bottom:1px dotted #888;
		border-left:none;
		padding-top:10px;
	}
	/*「機能」579pxまでカラム維持*/
	.JS div.Grid4 div#functionArea div.Column2.LastItem{
		float:right;
		width:50%;
	}
	.JS div.Grid4 div#functionArea div.Column2.FirstItem{
		float:left;
		width:50%;
	}
	
	.JS div#Advantages div.Column2{
		padding:0;
		margin-right:0;
		width:auto;
	}

	.JS div#Advantages div.Column2:first-child{
		margin-bottom:30px;
	}
	.JS body#jp1IoTfeature div#RelatedLinksArea ul.LinkListStyle5{
		display:block;
	}

	/**********
	 * 適用例 *
	 **********/
	.JS body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span{
		font-size:140%;
	}
	.JS body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1 span.SubTitle{
		font-size:90%;
	}
	.JS body#jp1Case01Page div#securityMainArea div.Header3Set{
		text-align:center;
	}
	.JS body#jp1Case01Page div#securityMainArea p.h3Icon01{
		float:none;
		display:inline-block;
	}
	.JS body#jp1Case01Page div.securityHeader3{
		float:none;
		max-width:100%;
	}
	.JS body#jp1Case01Page div.securityHeader3 h3{ margin-left:0; }


	/************************
	 * IT運用最適化サービス *
	 ************************/
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		padding-bottom:15px;
	}
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1 ul#attachedImg li{
		position:static;
		width:auto;
		text-align:center;
	}
	.JS body#optimizePage div#competencyMenuAbout ul li a span{
		padding:10px 15px;
	}
	
	.JS body#optimizePage div#optimize_01_area div.FlexWrap{
		text-align:center;
	}
	.JS body#optimizePage div#optimize_01_area a:first-child,
	.JS body#optimizePage div#optimize_01_area a{
		width:60%;
		margin:0 0 15px;
	}
	.JS body#optimizePage div#optimize_01_area a h3,
	.JS body#optimizePage div#optimize_01_area p{
		padding:0 15px;
	}
	.JS body#optimizePage div#optimize_02_area div.FlexWrap > div{
		width:300px;
		margin:0 auto 15px;
	}
	.JS body#optimizePage div#optimize_03_area > a{
		width:80%;
		margin:0 auto 15px;
	}
	
	/*2022/7/21改訂前*/
	.JS div#prefaceArea ul.FlexWrap{
		width:100%;
	}
	.JS div#prefaceArea li{
		float:none;
	}
	.JS div#prefaceArea li:first-child{
		margin:30px auto;
	}
	.JS div#prefaceArea li:last-child{
		padding-top:230px;
	}
	.JS div.GridSet.FlexWrap{
		display:flex;
	}
	/****************************************
	 * ServiceNow(IT運用最適化サービス配下) *
	 ****************************************/
	.JS body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		height:300px;
	}
	.JS body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		padding-right:15px;
	}
	.JS body#opt_servicenowPage div#competencyMenuAbout ul li a{
		padding:0;
	}
	.JS body#opt_servicenowPage div#competencyMenuAbout ul li a span{
		width:100%;
		padding:10px 0;
		height:auto;
		border-left:none;
	}
	.JS body#opt_servicenowPage div#headPreface p.TextStyle1{
		padding:290px 15px 20px;
		background-position-x:center;
		background-position-y:15px;
		background-size:400px auto;
	}
	.JS body#opt_servicenowPage div#servicenow_01Area ul.FlexWrap li{
		width:80%;
		margin:0 auto 15px;
	}
	.JS body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea{
		margin:0 0 15px;
	}
	.JS body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap div.TextArea ul.LinkListStyle1{
		text-align:right;
	}
	.JS body#opt_servicenowPage div#servicenow_01_1Area div.FlexWrap p.ImgOnlyStyle{
		text-align:center;
	}
	.JS body#opt_servicenowPage div#servicenow_02Area h2{ padding:0 15px 10px; }
	.JS body#opt_servicenowPage div#servicenow_02Area div.Section{
		padding: 0 15px 10px;
	}
	.JS body#opt_servicenowPage div#otherArea div.FlexWrap{
		text-align:center;
	}
	.JS body#opt_servicenowPage div#otherArea div.FlexWrap > a{
		width:80%;
		margin:0 0 30px;
	}
	/**************************************************
	 * AI for IT Operations(IT運用最適化サービス配下) *
	 **************************************************/
	.JS body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		height:300px;
	}
	.JS body#aiopsPage div#competencyMenuAbout ul li span{
		width:100%;
		height:auto;
		padding:10px 0;
	}
	.JS body#aiopsPage div#competencyMenuAbout ul li + li span{
		border-left:none;
	}
	.JS body#aiopsPage div.aiops_01Child{
		padding:15px 15px 10px;
	}
	.JS body#aiopsPage div.aiops_01Child ul.LinkListStyle1{
		left:auto;
		right:0;
	}
	.JS body#aiopsPage div.aiops_01Child > p.ImgOnlyStyle{
		text-align:center;
		margin:0;
	}
	/*******************************************************
	 JP1 Cloud Service 統合管理プラットフォーム
	 *******************************************************/
	.JS body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		background-position-x:right;
		padding:30px 200px 30px 15px;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child{
		min-height:auto;
		background-size:auto;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child{
		min-height:auto;
		background-size:auto;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring01sp.png') no-repeat bottom center;
		padding:0 0 290px;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring02sp.png') no-repeat bottom center;
		padding:0 0 270px;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring03sp.png') no-repeat bottom center;
		padding:0 0 250px;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring04sp.png') no-repeat bottom center;
		padding:0 0 285px;
	}
	.JS body#ompf_monitoringPage div#ompf_monitoring03Area div.Section{
		padding:0 0 295px;
		min-height:auto;
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_monitoring/img/ompf_monitoring05sp.png') no-repeat bottom center;
		background-size:auto;
	}
	.JS body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring01Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation01sp.png') no-repeat bottom center;
		padding:0 0 330px;
	}
	.JS body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring01Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation02sp.png') no-repeat bottom center;
		padding:0 0 310px;
	}
	.JS body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring02Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation03sp.png') no-repeat bottom center;
		padding:0 0 290px;
	}
	.JS body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring02Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation04sp.png') no-repeat bottom center;
		padding:0 0 325px;
	}
	.JS body#ompf_monitoringPage div.jp1csAutomation div#ompf_monitoring03Area div.Section{
		padding:0 0 335px;
		min-height:auto;
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/ompf_automation/img/ompf_automation05sp.png') no-repeat bottom center;
		background-size:auto;
	}

	.JS body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring01Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas01sp.png') no-repeat bottom center;
		padding:0 0 230px;
	}
	.JS body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring01Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas02sp.png') no-repeat bottom center;
		padding:0 0 310px;
	}
	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring02Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas03sp.png') no-repeat bottom center;
		padding:0 0 290px;
	}
	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring02Area div.Section:last-child{
		padding:0 0 325px;
		margin: 0px 0px 0px 0px;
	}

	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:first-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas04sp.png') no-repeat bottom center;
		min-height:0px;
		padding:0 0 325px;
	}
	body#ompf_monitoringPage div.jp1csJmdas div#ompf_monitoring03Area div.Section:last-child{
		background:url('/Prod/comp/soft1/jp1/product/jp1_cloud/jmdas/img/jmdas05sp.png') no-repeat bottom center;
		padding-left:0px;
		min-height:0px;
		padding-right:0px;
	}

	body#ompf_monitoringPage div#mainContent.jp1csJmdas h2#ompf_monitoring03{
		margin: -440px 0 0 0px;
	}
	
	/*運用統合プラットフォーム*/
	.JS body#ompf_monitoringPage div.jp1opsI div#jp1opsI01Area div.Section,
	.JS body#ompf_monitoringPage div.jp1opsI div#jp1opsI02Area div.Section,
	.JS body#ompf_monitoringPage div.jp1opsI div#jp1opsI03Area div.Section{
		background-position:bottom center;
		min-height:auto;
		padding:0 0 200px;
		background-size:auto 200px;
	}



	/*******************************************************
	 IoTサービスを提供する会社の「今」やるべきこととは？
	 *******************************************************/
	.JS div#securityMainArea div.h2Area01 div.GridSet > h2 span{
		margin-top:20px;
		display:block;
	}
	.JS .pcItem{
		display:none !important;
	}

	/*******************
	 製品一覧下位ページ
	 *******************/
	.JS div.PageTitleStyle3.hasMovie{
		padding:35px 0 0;
		text-align:center;
	}
	.JS div.Grid3 div.PageTitleStyle3.hasMovie h1{
		min-height:auto;
		margin:0 0 15px;
	}
	.JS div.PageTitleStyle3.hasMovie h1 a{
		min-height:auto;
	}
	.JS div.PageTitleStyle3.hasMovie h1 a span{
		height:auto;
		display:block;
	}
	.JS div.PageTitleStyle3.hasSubTitle > div.movieSection{
		position:static;
		margin:0 auto;
		padding:0 0 15px;
	}
	.JS div#nbu01_01Area,
	.JS div#nbu01_02Area,
	.JS div#nbu02_01Area,
	.JS div#nbu02_02Area,
	.JS div#nbu02_03Area,
	.JS div#nbu03_01Area,
	.JS div#nbu03_02Area{
		background-position:bottom center;
		padding:0;
		background-size:280px auto;
	}
	.JS div#nbu01_01Area{
		padding-bottom:200px;
	}
	.JS div#nbu01_02Area{
		padding-bottom:150px;
	}
	.JS div#nbu02_01Area{
		padding-bottom:200px;
	}
	.JS div#nbu02_02Area{
		padding-bottom:110px;
	}
	.JS div#nbu02_03Area{
		padding-bottom:360px;
	}
	.JS div#nbu03_01Area{
		padding-bottom:350px;
	}
	.JS div#nbu03_02Area{
		padding-bottom:270px;
	}
}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px){
	.JS div.DiagonalSet{ width:450px; }
	.JS div#operationArea ul#RefineOperator li{
		width:calc(33.33% - 1px);
	}
	.JS div#operationArea ul#RefineOperator li a{
		font-size:64%;
	}
	.JS div.DiagonalBoxWrap.DiagonalOptionWrap{
		margin-left:180px;
	}
	.JS div.DiagonalBoxWrap div.DiagonalOptionBox{
		width:190px;
	}
	.JS div.jp1BoxPatternB div.flexItem:last-child{
		padding:10px 5% 5px;
		width:90%;
	}

	#competencyMenuAbout {
		width: 108%;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	.JS body#jp1IoTPage div.PageTitleStyle1 h1 span{
		font-size:140%;
		padding:0 15px;
	}
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
		font-size:120%;
		padding:0 15px;
	}
	.JS div.ImgBoxWrap div.ImgSet{
		width:60%;
		margin-top:15px;
	}
	.JS div.ImgBoxWrap div.ThumbW180SetStyle p.Img{
		width:39%;
		padding:0 0 0 1%;
	}
	.JS body#jp1IoTPage div.LinkBanner{ text-align:center; }
	.JS body#jp1IoTPage div.LinkBanner div.Inner{
		padding:0;
	}
	/*独自Flex*/
	.JS div.webSeminar div.FlexRowWrap2{
		display:block;
	}
	.JS div.webSeminar div.FlexRowWrap2 .flexItem{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}

	.JS body#jp1Case01Page div#jp1PageTitleArea2 div.PageTitleStyle3 h1{
		height:170px;
		padding-top:30px;
	}

	/**************
	 * 特長と機能 *
	 **************/
	.JS div.Grid4 div#functionArea div.Column2.FirstItem,
	.JS div.Grid4 div#functionArea div.Column2.LastItem{
		float:none;
		width:auto;
	}

	/**********
	 * 適応例 *
	 **********/
	.JS div.SummaryWrap div.SummaryBox h3.SummaryH3{
		padding:2px 50px;
	}
	body#jp1Case01Page div.h2Area01 p.BoxLabel,
	body#jp1Case01Page div.h2Area02 p.BoxLabel{
		margin:-20px;
		padding:10px;
	}
	.JS body#jp1Case01Page div.h2Area01 div.ContentsBox h3{
		margin:30px 15px;
	}
	.JS body#jp1Case01Page div.h2Area01 div.ContentsBox h3#accidentExH3{
		background-position:top center;
	}

	div#securityMainArea div.h2Area01 div.GridSet > h2 span,
	div#securityMainArea div.h2Area02 div.GridSet > h2 span{
		font-size:130%;
	}

	p.BoxLabel{
		font-size:150%;
	}


	/************************
	 * IT運用最適化サービス *
	 ************************/
	/*
	.JS body#optimizePage div#jp1PageTitleArea1{
		padding-bottom:0;
	}
	*/
	.JS body#optimizePage div#jp1PageTitleArea1 div.PageTitleStyle1:after{
		content:"";
		width:150px;
		height:175px;
		background:url("/Prod/comp/soft1/jp1/product/optimize/img/hexagon.png") no-repeat top center;
		background-size:150px auto;
		top:calc(100% - 200px);
		left:calc(50% - 75px);
	}
	.JS body#optimizePage div#optimize_01_area a:first-child,
	.JS body#optimizePage div#optimize_01_area a{
		width:80%;
	}
	.JS div#support03AreaBottom div.FlexWrap{
		display:block;
	}
	.JS div#support03AreaBottom div.SupportItemBox,
	.JS div#support03AreaBottom div.SupportItemBox:nth-child(2n+1),
	.JS div#support03AreaBottom div.SupportItemBox:nth-child(2n+2){
		width:350px;
		padding:0;
		margin:0 auto;
	}
	/****************************************
	 * ServiceNow(IT運用最適化サービス配下) *
	 ****************************************/
	.JS body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		position:static;
		padding:15px;
	}
	.JS body#opt_servicenowPage div#servicenow_02Area div.servicenow_02child{
		background-position:bottom center;
		padding:0 0 130px;
		background-size:auto 130px;
	}
	/**************************************************
	 * AI for IT Operations(IT運用最適化サービス配下) *
	 **************************************************/
	.JS body#aiopsPage div#jp1PageTitleArea1 div.PageTitleStyle1 div#TitleInner{
		position:static;
		padding:15px;
		text-align:center;
		font-size:90%;
	}
	.JS body#aiopsPage div#aiops_02Area p.TextStyle1{
		padding:180px 15px 30px;
		background-position:top center;
	}
	.JS body#aiopsPage div#otherArea div.Grid4 > a{
		width:90%;
	}
	/*******************************************************
	 JP1 Cloud Service 統合管理プラットフォーム
	 *******************************************************/
	.JS body#ompf_monitoringPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		background-position:top left;
		padding:70px 15px 30px 15px;
		text-align:center;
	}

	/*****************
	 操作解説ムービー
	 *****************/
	.JS div.ColumnSet.movieArea div.Column1,
	.JS div.ColumnSet.movieArea div.Column2{
		width:260px;
		margin:0 auto;
	}
	.JS .movieArea div.BoxPatternC div.FlexWrap{
		width:auto;
		display:block;
	}
	.JS .movieArea div.Column2 div.Inner{
		margin:0 auto;
	}

	/*******************************************************
	 IoTサービスを提供する会社の「今」やるべきこととは？
	 *******************************************************/
	.JS div#securityMainArea div.ContentsBox{
		padding:50px 20px 30px;
	}
	.JS div.h2Area01 div.ContentsBox h3,
	.JS div.h2Area02 div.ContentsBox h3,
	.JS div#exampleMainArea div.h2Area01 div.ContentsBox h3,
	.JS div#exampleMainArea div.h2Area02 div.ContentsBox h3{
		background-position:top center;
		padding:100px 0 0 0;
		width:90%;
	}
	.JS div.ContentsBox h3 span.SubHeader{
		text-align:center;
		padding:10px 0 0 0;
	}
	
	.JS h4.LabelHeader3{
		width:100%;
		text-align:center;
	}
	.JS div.h2Area02 div.ContentsBox.contents3 h3{
		padding:0;
		text-align:left;
	}
}

/* for - 479px
=========================================================================================== */
@media screen and (max-width: 479px){
	.JS div.DiagonalSet{
		display:block;
		width:auto;
	}
	.JS div.DiagonalBoxWrap{ margin:0; }
	.JS div.DiagonalBoxWrap.DiagonalOptionWrap{
		margin:0 0 30px;
	}
	.JS div.DiagonalBoxWrap div.DiagonalOptionBox,
	.JS div#IntelligenceBox div.DiagonalBoxBody,
	.JS div.Column1 div.DiagonalBoxBody{ width:70%; }
	.JS div.DiagonalBoxWrap div.DiagonalOptionBox{ min-width:190px; }
	.JS div#IntelligenceBox div.DiagonalBoxBody,
	.JS div.Column1 div.DiagonalBoxBody{ min-width:160px; }

	#competencyMenuAbout {
		width: 109%;
	}

	/************************
	 * IT運用最適化サービス *
	 ************************/
	 /*
	.JS body#optimizePage div#TitleMovieArea.FlexWrap{
		width:80%;
	}
	*/
	.JS body#optimizePage div#optimize_01_area a:first-child,
	.JS body#optimizePage div#optimize_01_area a{
		width:100%;
	}
	.JS body#optimizePage div#optimize_03_area > a{
		padding-top:0;
	}
	.JS body#optimizePage div#optimize_03_area > a > h3{
		width:100%;
		box-sizing:border-box;
	}

	.JS div#support02Area div.GridSet.FlexWrap{
		display:block;
	}
	.JS div#support01Area div.GridSet.FlexWrap{
		flex-direction:column-reverse;
	}
	.JS div#support01Area div.TextBoxArea,
	.JS div#support01Area p.ImgOnlyStyle{
		flex-basis:auto;
	}
	.JS div#support01Area div.TextBoxArea,
	.JS div#support02Area div.TextBoxArea{
		width:auto;
		margin-left:25px;
	}
	.JS div#support01Area div.TextBoxArea div.boxInner,
	.JS div#support02Area div.TextBoxArea div.boxInner{
		padding:0;
		margin:10% 0 0;
	}
	.JS div#support01Area p.ImgOnlyStyle,
	.JS div#support02Area p.ImgOnlyStyle{
		width:auto;
		margin-left:25px;
	}
	.JS div#support01Area p.ImgOnlyStyle img,
	.JS div#support02Area p.ImgOnlyStyle img{
		padding:0;
	}
	.JS div#support03Area div.TextBoxArea{
		padding-right:0;
		width:auto;
		text-align:left;
		float:none;
		margin-left:25px;
	}

	.JS div.ContentsBox h3 span{
		padding:0 0px 0px 0px;
		color:#0151AC;
		font-size:110%;
		display:block;
		line-height:130%;
	}

	/****************************************
	 * ServiceNow(IT運用最適化サービス配下) *
	 ****************************************/
	.JS body#opt_servicenowPage div#jp1PageTitleArea1 div.PageTitleStyle1{
		height:370px;
		background-size:480px auto;
		background-position:bottom left;
	}
	.JS body#opt_servicenowPage div#headPreface p.TextStyle1{
		padding:200px 15px 20px;
		background-size:265px auto;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		margin-bottom:15px;
	}
	.JS body#jp1IoTPage div.PageTitleStyle1 h1 span{
		font-size:120%;
	}
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 p.DescriptionText{
		font-size:100%;
	}


}

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px){
	.JS div.jp1BoxPatternB div.flexItem:first-child{
		background:none;
		padding:10px 5% 5px;
	}
	.JS div.jp1BoxPatternB .LinkListStyleBox{
		margin:0;
	}
	.JS div.jp1BoxPatternB .RightColumn .FlexRowWrap2{
		display:block;
	}
	.JS div.jp1BoxPatternB div.LinkListStyleBox.FlexRowWrap2 a.flexItem{
		flex-basis:auto;
		margin:0 0 10px;
		display:block;
	}

	#competencyMenuAbout {
		width: 110%;
	}


	/************************
	 * IT運用最適化サービス *
	 ************************/
	.JS div#support03AreaBottom{
		margin-top:-140px;
	}
	.JS div#support03AreaBottom div.GridSet{
		padding:0 5%;
	}
	.JS div#support03AreaBottom div.GridSet div.SupportItemBox{
	 	width:90%;
	}
	.JS body#optimizePage div#optimize_02_area div.FlexWrap > div{
		width:90%;
	}
	/*******************************************************
	 JP1 Cloud Service 統合管理プラットフォーム
	 *******************************************************/
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:first-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:first-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring01Area div.Section:last-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring02Area div.Section:last-child,
	.JS body#ompf_monitoringPage div#ompf_monitoring03Area div.Section{
		background-size:100% auto;
	}
}

/* for - 360px
=========================================================================================== */
@media screen and (max-width: 360px){
	.JS div#operationArea ul#RefineOperator li{
		width:calc(50% - 1px);
	}
	.JS div.Jp1lListMovie_Column1andHalf{
		width:100%;
	}

	/*****************
	 * JP1 for IoT） *
	 *****************/
	.JS body#jp1IoTPage div#jp1PageTitleArea1 div.PageTitleStyle1 h1{
		margin-bottom:10px;
	}
	.JS div.ThumbW180SetStyle{
		margin-left:0;
	}
	.JS div.ImgBoxWrap div.ImgSet{
		width:100%;
		padding-top:15px;
		float:none;
	}
	.JS div.ImgBoxWrap div.ThumbW180SetStyle p.Img{
		float:none;
		padding:0;
		margin:0;
		text-align:center;
		width:100%;
	}
	.JS div.ImgBoxWrap div.ThumbW180SetStyle p.Img img{
		width:100%;
	}

}