#Contents {
	padding-bottom: 0;
}

h2 {
	background: none;
	display: table;
	font-size: 200%;
	font-weight: bold;
	margin: 0 auto 30px;
	position: relative;
}
h2:before {
	content: '';
	border-bottom-width: 5px;
	border-bottom-style: solid;
	width: 150px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

#BodySection h2 {
	text-align:center;
	padding: 10px 0;
}

#BodySection h2 span {
	padding: 0 15px;
	font-size: 100%;
	background: none;
}
#BodySection h2 span.SubHeader {
	font-size: 67%;
}
#Sol h2 span {
	color: #ffffff;
}
#Usecase h2 span, #Related h2 span, #Magazine h2 span, #EncouragementDx h2 span {
	color: #2D50A9;
}
#News h2,
#Magazine h2 {
	color: #2B4A85;
	margin-bottom: 20px;
}
#Usecase h2:before, #Related h2:before {
	border-bottom-color: #2D50A9;
}
#Sol h2:before {
	border-bottom-color: #ffffff;
}

#EncouragementDx h2:before {
	border-bottom:none;
}

div.TopMarginSet {
	padding-top:0 !important;
}
.TopMarginSet.IoTM2M .GridSet {
	width: 100%;
}

.TopMarginSet.IoTM2M .GridSet .Inner {
	width:100%;
	max-width: 1275px;
	margin: 0 auto;
}

.BrandingArea .ImgArea {
	background-repeat: no-repeat;
	background-position: center;
}

.BrandingArea.FirstImage .ImgArea {
	padding-top: 90px;
	background-image: url(/products/it/IoTM2M/index/image/bg_branding.png);
	background-size: auto 180%;
	background-position:bottom;
	background-color:#193C82;
	height: 100%;
	width:100%;
}

.BrandingArea.SecondImage .ImgArea {
	padding-top: 60px;
	background-image: url(/products/it/IoTM2M/index/image/bg_branding_02.png);
	background-size: cover;
	height: 100%;
	width:100%;
}

.BrandingArea .ImgArea .TextArea {
	color:#fff;
	margin: 0 auto;
	padding-left:100px;
}

.BrandingArea.FirstImage .ImgArea .TextArea {
	padding-bottom:100px;
}
.BrandingArea.SecondImage .ImgArea .TextArea {
	padding-bottom:20px;
}


.BrandingArea .ImgArea .TextArea h1 {
	font-weight: bold;
	font-size: 225%;
	margin-bottom: 20px;
}
.BrandingArea .ImgArea .TextArea h2 {
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	background: none;
	display: table;
	margin: 0 0 20px;
	position: relative;
}
.BrandingArea .ImgArea .TextArea h2:before {
	content: '';
	border-bottom: 6px solid #fff;
	border-image: none;
	border-image-slice: 0;
	width: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(0);
}

.BrandingArea .ImgArea .TextArea p {
	font-weight: bold;
	font-size: 125%;
}

.BrandingArea.SecondImage .ImgArea .TextArea p{
	margin:40px 0;
}

.HorizontalInnerLinks {
	background-color: #ebebeb;
}
.HorizontalInnerLinks ul {
	margin: 0 auto;
	height: 100%;
	display: flex;
}
.HorizontalInnerLinks li {
	display: table;
	height: 100%;
	margin: 0 0 0 0;
	width: calc(100% / 2);
	padding-top:10px;
	border-right: 1px solid #ffffff;
}

.HorizontalInnerLinks li:last-child {
	border-right: none;
}
.HorizontalInnerLinks li:hover {
	background: rgba(255,255,255,.5);
}
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:visited {
	color: #2B4A85;
}
.HorizontalInnerLinks li a:hover {
	text-decoration: none;
}
.HorizontalInnerLinks li a {
	display: block;
	padding-top:10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background-image: url(/products/it/IoTM2M/image/icon/red_arrow_down.svg);
	background-repeat: no-repeat;
	background-position: center bottom 10px;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
	height: 90px;
}
.HorizontalInnerLinks li span {
	display:block;
	padding-right: 25px;
	position: relative;
	font-weight:bold;
	font-size: 125%;
}
.HorizontalInnerLinks li span.SubHeader {
	font-size: 110%;
}
.HorizontalInnerLinks li a {
	padding-top:0;
}

#Lead {
	box-sizing: border-box;
	padding: 30px 0;
}

#Usecase, #Sol, #Related, #Download, #Magazine, #EncouragementDx {
	padding: 30px 0 20px;
}
#Inquiry {
	padding: 50px 0 40px;
}

#Sol {
	color:#ffffff;
	background: linear-gradient(90deg, #193481 10%, #2F6B9C 90%);
/*	padding: 60px 0;*/
}
#Sol .MenuBox ,
#News .NewsBox {
	background-color: #fff;
	box-sizing: border-box;
	padding: 15px 60px 40px;
	width: 965px;
	margin:0 auto;
}

#Sol h3 {
	padding-top: 30px;
	text-align: center;
	margin: 0 0 15px;
}
#Sol .MenuBox ul {
	display: flex;
	width: 100%;
	margin: 0 auto 30px;
}
#Sol .MenuBox ul li:first-child {
	margin-right: 22px;
}
#Sol .MenuBox img {
	
}
#Sol .MenuBox .Btns img {
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
	margin-top: 10px;
	width: 100%;
}

#News {
	background: repeating-linear-gradient(-45deg, #D6D6D6, #D6D6D6 2px, #E5E5E5 2px, #E5E5E5 8px);
	padding: 50px 0;
}

#News .NewsBox {
	padding: 30px 45px;
}



#News .NewsBox dl.DateListStyle1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/*overflow-y: hidden;
	height: 200px;*/
}
#News .NewsBox dl.DateListStyle1 dt,
#News .NewsBox dl.DateListStyle1 dd {
	box-sizing:border-box;
	border-bottom: 2px solid #D6D6D6;
	padding-top: 10px;
}
#News .NewsBox dl.DateListStyle1 dt {
	width: 18%;
	white-space:nowrap;
}
#News .NewsBox dl.DateListStyle1 dd.link {
	padding-left:55px;
	width: 68%;
}
#News .NewsBox dl.DateListStyle1 dd.label {
	width: 14%;
}
#News .NewsBox dl.DateListStyle1 dd.label span{
	background-color: #959595;
	color: #ffffff;
	text-align:center;
	white-space:nowrap;
	padding:2px 40px;
	margin:0 auto;
}

#News .NewsBox .DateListStyle1 .LinkListStyle1 li a:link,
#News .NewsBox .DateListStyle1 .LinkListStyle1 li a:visited {
	color: #000000;
	background-image: none;
}









#Related h3 {
	margin: 0;
	padding: 0 0 10px 0;
}


#BodySection .ButtonStyle1 a {
	background-image: url(/products/it/IoTM2M/image/icon/white_arrow_right.svg);
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
	margin-top: 30px;
	background-position-x: 95%;
	font-size: 115%;
	padding: 15px 75px 15px 60px;
	border:1px solid #fff;
}
#BodySection .ButtonStyle1.NewWindows a{
	background-image: url(/products/it/IoTM2M/image/icon/white_other_window.svg);
}
#BodySection .ButtonStyle1 a:link,
#BodySection .ButtonStyle1 a:visited {
	background-color: #2D50A9;
}

#BodySection .ButtonStyle1 a:hover,
#BodySection .ButtonStyle1 a:active {
	background-color: #627CBF;
}


#Magazine {
	background-color: #D5F3FF;
}
#Magazine h2 {
	font-size: 1.875em;
}
#Magazine .TextArea {
	display: flex;
}
#Magazine .TextArea p, #EncouragementDx .TextArea p, #Inquiry .TextArea p {
	color:#2D50A9;
	font-size:95%;
	font-weight:bold;
	width: 80%;
}

#Download {
	margin-top:30px;
}
#Download .ImgArea {
	padding: 55px 0 25px;
	background-image: url(/products/it/IoTM2M/index/image/bg_download.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}
#Download .ImgArea .TextArea p{
	color:#ffffff;
	font-weight:bold;
}

#Related {
	margin-bottom:30px;
}

#Related .RelatedBanner {
	position: relative;
	margin-bottom:30px;
	background-repeat: no-repeat;
	width:461px;
	height:120px;
}

#Related .RelatedBanner.Lumada {
	background-image: url(/products/it/IoTM2M/index/image/banner/banner_lumada.png);
}
#Related .RelatedBanner.Pentaho {
	background-image: url(/products/it/IoTM2M/index/image/banner/banner_pentaho.png);
}
#Related .RelatedBanner.Gest {
	background-image: url(/products/it/IoTM2M/index/image/banner/banner_gest.png);
}
#Related .RelatedBanner.Inspection {
	background-image: url(/products/it/IoTM2M/index/image/banner/banner_inspection.png);
}
#Related .RelatedBanner.CloudDx {
	background-image: url(/products/it/IoTM2M/index/image/banner/banner_cloud-dx.png);
}

#Related .RelatedBanner a:link,
#Related .RelatedBanner a:visited {
	display: block;
	background-image: url(/products/it/IoTM2M/image/icon/white_other_window.svg);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
#Related .RelatedBanner a:hover,
#Related .RelatedBanner a:active {
	opacity:0.8;
	background-color:rgba(255,255,255,0.2);
}



#Related .RelatedBanner .Text {
	position: absolute;
	top: 20%;
	left: 6%;
	-ms-transform: translate(-6%,-20%);
	-webkit-transform: translate(-6%,-20%);
	transform: translate(-6%,-20%);
	margin:0;
	padding:0;
	color: #ffffff;
	font-size:100%;
	text-shadow: -3px -3px 4px #000000, -3px -3px 4px #000000, 3px 3px 2px #000000, 3px 3px 4px #000000;
}
#Related .RelatedBanner .Text.MiddleAdjust {
	top: 50%;
	-ms-transform: translate(-6%,-50%);
	-webkit-transform: translate(-6%,-50%);
	transform: translate(-6%,-50%);
}

#Related .RelatedBanner .Text strong.Header {
	font-weight: bold;
	color: #ffffff;
	font-size:120%;
}

#Related .ColumnSet {
	margin:0;
}
#Related .Column2.FirstItem {
	margin-left: 9px;
}



#EncouragementDx {
	color:#ffffff;
	background: #BECDEB;
}






.LinkListStyle1.Iot li a {
	color:#000000;
	font-weight:bold;
	padding: 1px 27px 1px 0;
}
.LinkListStyle1.Iot li a:link,
.LinkListStyle1.Iot li a:visited {
	background-image: url(/products/it/IoTM2M/image/icon/red_arrow_right.svg);
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
.LinkListStyle1.Iot li a:hover,
.LinkListStyle1.Iot li a:active {
	background-image: url(/products/it/IoTM2M/image/icon/red_arrow_right.svg);
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}

.LinkListStyle2.Iot {
	margin-top:3px;
}
.LinkListStyle2.Iot li a {
	color:#ffffff;
	padding: 4px 27px 4px 0;
}
.LinkListStyle2.Iot li a:link,
.LinkListStyle2.Iot li a:visited {
	background-image: url(/products/it/IoTM2M/image/icon/white_arrow_right.svg);
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
}
.LinkListStyle2.Iot li a:hover,
.LinkListStyle2.Iot li a:active {
	background-image: url(/products/it/IoTM2M/image/icon/white_arrow_right.svg);
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
}
.LinkListStyle2.Iot li.NewWindow a:link,
.LinkListStyle2.Iot li.NewWindow a:visited {
	background-image: url(/products/it/IoTM2M/image/icon/white_other_window.svg);
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
}
.LinkListStyle2.Iot li.NewWindow a:hover,
.LinkListStyle2.Iot li.NewWindow a:active {
	background-image: url(/products/it/IoTM2M/image/icon/white_other_window.svg);
	background-size: 18px 18px;
	-moz-background-size: 18px 18px;
	-webkit-background-size: 18px 18px;
	-o-background-size: 18px 18px;
	-ms-background-size: 18px 18px;
}






/* ソリューション/サービス */

.SolutionImage {
	z-index: 0;
}
.ArrowFlow1 div.ArrowFlowHeading:last-child {
	z-index: 1;
}
.ArrowFlow1 div.ArrowFlowHeading:nth-last-child(2) {
	z-index: 2;
}
.ArrowFlow1 div.ArrowFlowHeading:nth-last-child(3) {
	z-index: 3;
}
.SolutionImage .IntelligentPlatform {
	z-index: 4;
}
.SolutionImage .IotCompass {
	z-index: 5;
}
.SolutionImage .DataHub {
	z-index: 6;
}
.SolutionImage .DataConsulting {
	z-index: 7;
}
.SolutionImage .ProductionFactory {
	z-index: 8;
}


.SolutionImage {
	position: relative;
	background: #ffffff;
	padding:10px 0 40px;
	margin:30px auto;
/*	width:100%;*/
	max-width:965px;
}

.SolutionImage p,
.SolutionImage ul {
	font-size:90%;
}

.SolutionImage .IntelligentPlatform {
	position: relative;
	text-align:center;
	margin:0 auto;
	padding-top:20px;

	max-width:875px;

	height:440px;
	background-image: url(/products/it/IoTM2M/index/image/bg_solution.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 110% auto;
}

.SolutionImage .IotCompass,
.SolutionImage .DataHub,
.SolutionImage .DataConsulting,
.SolutionImage .ProductionFactory {
	position: absolute;


}

.SolutionImage .IotCompass,
.SolutionImage .DataHub {
	right: 30px;
	padding:15px;
	width:40%;
	border-top:15px #fff solid;
	border-left:15px #fff solid;
	background: rgba(255, 255, 255, 0);
}
.SolutionImage .IotCompass {
	bottom: 130px;
	height:31%;
}
.SolutionImage .DataHub {
	bottom: 0;
	height:25%;
}

.SolutionImage .DataConsulting {
	left: 10%;
	top: 250px;
	background:rgba(128, 128, 128, 0.3);
	width:25%;
	height:40%;
	padding:20px;
	border:1px #ffffff solid;
}

.SolutionImage .ProductionFactory {
	background: linear-gradient(to right, #0A8190, #386299);
	border-radius: 50%;
	left:45%;
	bottom: 140px;
	width: 100px;
	height: 100px;
	text-align: center;
	padding:10px;
	margin: auto;
	border:1px #ffffff solid;
}

.SolutionImage .ProductionFactory p {
	padding-top:25px;
}

.SolutionImage .IntelligentPlatform p,
.SolutionImage .IntelligentPlatform ul li,
.SolutionImage .IotCompass p,
.SolutionImage .IotCompass ul li,
.SolutionImage .DataHub p,
.SolutionImage .DataHub ul li{
	padding:0 30px;
}

.SolutionImage .IntelligentPlatform ul,
.SolutionImage .IotCompass ul,
.SolutionImage .DataHub ul {
	right:-2;
}



.SolutionImage p.SubHeader,
.SolutionImage .DataConsulting p.MainHeader,
.SolutionImage .IntelligentPlatform p.MainHeader,
.SolutionImage .IotCompass p.MainHeader,
.SolutionImage .DataHub p.MainHeader {
	font-weight:bold;
}

.SolutionImage .IntelligentPlatform p.MainHeader {
	font-size:150%;
	margin-bottom:5px;
}

.SolutionImage .IotCompass p.MainHeader,
.SolutionImage .DataHub p.MainHeader,
.SolutionImage .DataConsulting p.MainHeader {
	font-size:120%;
}

.SolutionImage ul.LinkListStyle1 li a:link,
.SolutionImage ul.LinkListStyle1 li a:visited,
.SolutionImage ul.LinkListStyle1 li a:hover,
.SolutionImage ul.LinkListStyle1 li a:active {
	color:#ffffff;
}

.SolutionImage .DataConsulting ul.LinkListStyle1 {
	margin-top:100px;
}














/* 矢羽根 */




.ArrowFlow1 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width:90%;
	margin: 0 auto;
	padding: 30px 30px 0 30px;
}




.ArrowFlow1 div.ArrowFlowHeading {
	width: 310px;
	height: 60px;
	position: relative;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	margin-right: 0;
	margin-left:-40px;
	margin-bottom:15px;

}

.ArrowFlow1 div.ArrowFlowHeading p {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin-left:30px;
	line-height:1.2em;
}
.ArrowFlow1 div.ArrowFlowHeading:after,
.ArrowFlow1 div.ArrowFlowHeading:before{
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	content: "";
	position: absolute;
	top: 0;
	margin-left: 202px;
}

.ArrowFlow1 div.ArrowFlowHeading:after{
	left: 107px;
	border-left-width: 30px;
	border-left-style: solid;
}
.ArrowFlow1 div.ArrowFlowHeading:before{
	left: 110px;
	border-left: 30px solid #fff;
}

/* Color */

.ArrowFlow1 div.Plan {
	background: #00814B;
}
.ArrowFlow1 div.Build {
	background: #0A8190;
}
.ArrowFlow1 div.Manage {
	background: #0F5090;
}
.ArrowFlow1 div.ArrowFlowExplanation{
	color: #575757;
	background: #eef7ef;
}
.ArrowFlow1 div.ArrowFlowHeading{
	color: #fff;
}
.ArrowFlow1 div.ArrowFlowHeading.Plan:after{
	border-left-color: #00814B;
}
.ArrowFlow1 div.ArrowFlowHeading.Build:after{
	border-left-color: #0A8190;
}
.ArrowFlow1 div.ArrowFlowHeading.Manage:after{
	border-left-color: #0F5090;
}

br.ShowRWD2 { display: none; }

/* スライダー */

.slider {
	display: flex;
}
.slider-img .TextBox .Header,
.slider-img .TextBox .Text {
	align-content: flex-start;
}
.slider-img .TextBox .Header{
	height:2.5em;
}
.slider-img .TextBox .Text {
	height:5.5em;
}
.slider-img .TextBox .Link {
	margin-top:1.5em;
}

.slider {
	width:90%;
	margin:0 auto;
}

.slider-img {
	margin: 25px 12px;
	box-shadow:6px 6px 6px #999;
}

.slider-img a {
	text-decoration: none;
}

.slider-img:hover {
	opacity: 0.7;
}
.slider-img .ImageBox.dx01 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx01.jpg");
}
.slider-img .ImageBox.dx02 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx02.jpg");
}
.slider-img .ImageBox.dx03 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx03.jpg");
}
.slider-img .ImageBox.dx04 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx04.jpg");
}
.slider-img .ImageBox.dx05 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx05.jpg");
}
.slider-img .ImageBox.dx06 {
	background-image: url("/products/it/IoTM2M/list/hipf/uc/image/dx06.jpg");
}

.slider-img .ImageBox {
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height:160px;
	width:100%;
}

.slider-img .ImageBox .Title{
	font-size: 180%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 0px 12px black, 0px 0px 12px black, 0px 0px 12px black, 0px 0px 12px black;
}

.slider-img .TextBox{
	display: flex;
	flex-direction:column;
	color:#000;
	background-color:#F0F0F0;
	height:100%;
	padding:25px 15px;
}

.slider-img .TextBox .Text{
	font-size: 90%;
	padding-bottom:25px;
}

.slider-img .TextBox .Header{
	color:#2D50A9;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	padding-bottom:10px;
}

.slider-img a .TextBox .Link {
	color:#000000;
	font-size: 90%;
	font-weight:bold;
	text-align:right;
	padding: 0 27px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}

.slider-img a:link .TextBox .Link,
.slider-img a:visited .TextBox .Link {
	background-image: url(/products/it/IoTM2M/image/icon/red_arrow_right.svg);
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}
.slider-img a:link .TextBox .Link,
.slider-img a:visited .TextBox .Link {
	background-image: url(/products/it/IoTM2M/image/icon/red_arrow_right.svg);
	background-size: 24px 24px;
	-moz-background-size: 24px 24px;
	-webkit-background-size: 24px 24px;
	-o-background-size: 24px 24px;
	-ms-background-size: 24px 24px;
}

.slide-arrow {
	background-color: #fff;
	bottom: 0;
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 0;
	cursor: pointer;
}
.prev-arrow {
	border-bottom: 20px solid #fff;
	border-left: 0;
	border-right: 20px solid #B3B3B3;
	border-top: 20px solid #fff;
	left: -30px;
}
.next-arrow {
	border-bottom: 20px solid #fff;
	border-left: 20px solid #B3B3B3;
	border-right: 0;
	border-top: 20px solid #fff;
	right: -30px;
}
button.slide-arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding: 0;
}









/* RWD Settings */

@media screen and (min-width: 1305px){
	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:461px;
		height:120px;
		background-position: left 95% bottom 15px;
	}
	

}

@media screen and (min-width: 995px){
	.JS #Related .RelatedBanner {
		width:auto;
	}
	.JS #Related .RelatedBanner a {
		width:auto;
	}
	.JS #Related .Inner{
		width:965px;
	}
	.JS #Related .Column2{
		width:460px;
	}
}

@media screen and (min-width: 995px) and (max-width: 1304px){
	.JS #Sol .Inner .SolutionImage {
		max-width:870px;
		margin:0 auto;
	}

	.JS .SolutionImage .IntelligentPlatform {
			background-size: 120% auto;
	}

	.JS .ArrowFlow1,
	.JS .SolutionImage .IntelligentPlatform {
		max-width:810px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		left: 79px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		left: 82px;
	}
	.JS .SolutionImage .ProductionFactory {
		left: 380px;
		width: 90px;
		height: 90px;
	}

	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:461px;
		height:120px;
		background-position: left 90% bottom 15px;
	}

}


@media screen and (max-width: 994px){
	.JS #Contents {
		padding-left: 0;
		padding-right: 0;
	}
	.JS .GridSet {
		margin: 0;
	}
	.JS .Grid4 {
		padding: 0 0 0 0;
	}
	.JS .HorizontalInnerLinks ul {
		width: 100%;
	}
	.JS .BrandingArea .ImgArea .TextArea {
		box-sizing: border-box;
		padding-left: 15px;
		width: 100%;
	}
	.JS #Sol .MenuBox, .JS #News .NewsBox {
		width: 100%;
	}

	.JS .TopMarginSet.IoTM2M .GridSet .Inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 15px;
	}

	.JS .BrandingArea.FirstImage .ImgArea {
		background-position:60% bottom;
	}
	.JS .BrandingArea .ImgArea .TextArea p {
		font-size: 100%;
	}

	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:auto;
		max-width:360px;
		background-position: right 0 bottom 15px;
		margin-right:0px;
	}
	#Related .Column2.FirstItem {
		margin-left: 0;
	}
	.JS #Sol .Inner .SolutionImage {
		max-width:700px;
	}

	.JS .SolutionImage .IntelligentPlatform {
			background-size: 150% auto;
	}

	.JS .ArrowFlow1,
	.JS .SolutionImage .IntelligentPlatform {
		max-width:640px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading {
		width: 228px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		left: 25px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		left: 28px;
	}

	.JS .SolutionImage p,
	.JS .SolutionImage ul {
		font-size:83%;
	}
	.JS .SolutionImage .IntelligentPlatform p.MainHeader {
		font-size:125%;
	}
	.JS .SolutionImage .IotCompass p.MainHeader,
	.JS .SolutionImage .DataHub p.MainHeader,
	.JS .SolutionImage .DataConsulting p.MainHeader {
		font-size:100%;
	}

	.JS .SolutionImage .IntelligentPlatform p,
	.JS .SolutionImage .IntelligentPlatform ul li,
	.JS .SolutionImage .IotCompass p,
	.JS .SolutionImage .IotCompass ul li,
	.JS .SolutionImage .DataHub p,
	.JS .SolutionImage .DataHub ul li{
		padding:0 20px;
	}

	.JS .SolutionImage .IntelligentPlatform p.MainHeader {
		font-size:110%;
	}
	.JS .SolutionImage .IotCompass p.MainHeader,
	.JS .SolutionImage .DataHub p.MainHeader,
	.JS .SolutionImage .DataConsulting p.MainHeader {
		font-size:90%;
	}

	.JS .SolutionImage .ProductionFactory {
		left: 290px;
		width: 80px;
		height: 80px;
	}

	.JS .SolutionImage .ProductionFactory p {
		font-size:83%;
		padding-top:20px;
	}

}





@media screen and (min-width: 768px) and (max-width: 994px){
	.JS #Related .Inner{
		width:768px;
	}
	.JS #Related .Column2{
		width:360px;
	}

	.JS #Related .RelatedBanner {
		max-width:360px;
		width:auto;
		background-position: center;
	}
	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		max-width:360px;
		height:120px;
		background-position: left 300px bottom 15px;
	}

	.JS #Related .RelatedBanner .Text {
		padding-left:10px;
	}

}

@media screen and (max-width: 767px) {
	.JS h2 {
		margin: 0 auto 60px;
	}

	.JS #News .NewsBox dl.DateListStyle1{
		display: block;
		width: 100%;
	}

	.JS #News .NewsBox dl.DateListStyle1 dt,
	.JS #News .NewsBox dl.DateListStyle1 dd.label {
		border-bottom: none;
	}
	.JS #News .NewsBox dl.DateListStyle1 dt {
		width: 66%;
		display: inline-block;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label {
		width: 34%;
		display: inline;
		text-align:right;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.link {
		padding-left:0;
		width:100%;
		display: block;
		border-bottom: 2px solid #D6D6D6;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label span{
		margin:0 auto;
	}

	.JS #Related .RelatedBox {
		flex-direction: column;
	}
	.JS #Related .RelatedBox div {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	.JS .HorizontalInnerLinks li a {
		background-position: right center;
		margin-right:10px;
	}

	.JS #Related .RelatedBanner {
		margin-left:auto;
		margin-right:auto;
	}

	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		/*width:461px;*/
		max-width: 461px;
		height:120px;
		/*background-position: right 0px bottom 15px;*/
		background-position: right 35px bottom 15px;
		/*margin-left:70px;*/
	}

	.JS #Sol .Inner .SolutionImage {
		max-width:500px;
	}

	.JS .ArrowFlow1,
	.JS .SolutionImage .IntelligentPlatform {
		max-width:480px;
	}
	.JS .SolutionImage .IntelligentPlatform {
		background-size: 200% auto;
		height:480px;
	}

	.JS .SolutionImage .IntelligentPlatform {
		padding-top:5px;
	}

	.JS .SolutionImage .IotCompass,
	.JS .SolutionImage .DataHub {
		right: 10px;
	}

	.JS .SolutionImage .IotCompass {
		bottom: 150px;
		height:35%;
	}
	.JS .SolutionImage .DataHub {
		bottom: 0;
		height:30%;
	}

	.JS .SolutionImage .ProductionFactory {
		bottom: 170px;
		left: 200px;
		width: 75px;
		height: 75px;
	}
	.JS .SolutionImage .ProductionFactory p {
		padding-top:10px;
	}

	.JS .SolutionImage .DataConsulting {
		top: 220px;
		width:18%;
	}

	.JS .SolutionImage {
		font-size:83%;
	}
	.JS .SolutionImage .IntelligentPlatform p.MainHeader {
		font-size:100%;
	}
	.JS .SolutionImage .IotCompass p.MainHeader,
	.JS .SolutionImage .DataHub p.MainHeader,
	.JS .SolutionImage .DataConsulting p.MainHeader {
		font-size:90%;
	}

	.JS .ArrowFlow1 {
		width: 460px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading {
		width: 180px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type {
		width: 150px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		left: -22px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		left: -19px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:after{
		left: -52px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:before{
		left: -49px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading p {
		padding-left:20px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type p{
		padding-left:5px;
	}

}


@media screen and (max-width: 579px) {
	.JS br.HideRWD2 { display: none; }
	.JS .TopMarginSet.IoTM2M .GridSet .Section p {
		font-size: 90%;
	}
	.JS h2 {
		font-size: 160%;
	}

	.JS #News .NewsBox dl.DateListStyle1 dt {
		width: 55%;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label {
		width: 45%;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label span{
		padding:2px 30px;
	}

	.JS .HorizontalInnerLinks {
		height: auto;
	}
	.JS .HorizontalInnerLinks ul {
		flex-wrap: wrap;
	}
	.JS .HorizontalInnerLinks li {
		border-right: none;
		border-bottom: 1px solid #ffffff;
		width: 100%;
		height: 50px;
	}
	.JS .HorizontalInnerLinks li span {
		display: block;
	}
	.JS .HorizontalInnerLinks li a {
			height:100%;
	}
	.JS .DateListStyle2 dd {
		margin: -1.4em 0 0em 10em;
	}
	.JS #Sol .MenuBox,
	.JS #News .NewsBox {
		padding: 15px 20px 40px;
	}
	.JS #Magazine h2 {
		font-size: 150%;
		margin-bottom: 10px;
	}
	.JS #Magazine {
		padding: 30px 0;
	}
	.JS #Magazine .TextArea {
		flex-direction: column;
	}
	.JS #Magazine .TextArea .Icon {
		margin: 0 auto 30px;
	}
	.JS #Magazine .TextArea p {
		width: 100%;
	}
	.JS #Related .RelatedBox div {
		font-size: 90%;
	}

	.JS #Sol .Inner .SolutionImage {
		max-width:400px;
	}

	.JS .ArrowFlow1,
	.JS .SolutionImage .IntelligentPlatform {
		max-width:300px;
		padding-left:10px;
	}
	.JS .SolutionImage .IntelligentPlatform {
		background-size: 500% auto;
		height:580px;
	}
	.JS .SolutionImage .IotCompass {
		bottom: 220px;
	}
	.JS .SolutionImage .DataHub {
		bottom: 10px;
	}

	.JS .SolutionImage .IntelligentPlatform p,
	.JS .SolutionImage .IntelligentPlatform ul li,
	.JS .SolutionImage .IotCompass p,
	.JS .SolutionImage .IotCompass ul li,
	.JS .SolutionImage .DataHub p,
	.JS .SolutionImage .DataHub ul li {
		padding:0 5px;
		margin-right:20px;
	}

	.JS .SolutionImage .IntelligentPlatform ul,
	.JS .SolutionImage .IotCompass ul,
	.JS .SolutionImage .DataHub ul {
		padding-top:5px;
		padding-right:5px;
	}

	.JS .SolutionImage .DataConsulting {
		top: 200px;
		left:15%;
		width:15%;
		height: 280px;
	}

	.JS .SolutionImage .ProductionFactory {
		bottom: 240px;
		left: 150px;
		width: 60px;
		height: 60px;
	}
	.JS .SolutionImage .ProductionFactory p {
		padding-top:5px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading {
		width: 120px;
		height:40px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type {
		width: 90px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		left: -82px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		left: -79px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:after{
		left: -112px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:before{
		left: -109px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading p {
		padding-left:30px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type p{
		padding-left:0;
		margin-left:10px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading:after,
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		border-left: 20px solid #fff;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		border-left-width: 20px;
	}

	.JS .BrandingArea.FirstImage .ImgArea {
		background-size: auto 115%;
		background-position:65% bottom;
		padding-top: 20px;
	}

	.JS .BrandingArea .ImgArea .TextArea h1 {
		font-size: 150%;
		margin-bottom: 10px;
	}
	.JS .BrandingArea .ImgArea .TextArea p {
		font-size: 90%;
	}
	
	.JS .BrandingArea.FirstImage .ImgArea .TextArea {
		padding-bottom:200px;
	}
/*
	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:461px;
		height:120px;
		background-position: right 0px bottom 15px;
	}*/

}

@media screen and (min-width: 491px) and (max-width: 579px) {
	.JS #Related .RelatedBanner {
		margin-left:auto;
		margin-right:auto;
	}
}

@media screen and (max-width: 490px) {

	.JS #Related .RelatedBanner {
		width:auto;
	}

}


@media screen and (min-width: 400px) and (max-width: 490px) {
	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:auto;
		height:120px;
		background-position: right 15px bottom 15px;
	}
	.JS #Related .RelatedBanner.Lumada {
		background-position: center;
	}
}

@media screen and (max-width: 399px) {
	.JS br.ShowRWD2 { display: inline; }
	.JS #Magazine h2 {
		font-size: 130%;
	}
	.JS .ButtonStyle1 a {
		margin: 0 auto;
		width: 80%;
		max-width:50%;
	}
	.JS .Section h3 {
		font-size: 100%;
	}
	.JS .TopMarginSet.IoTM2M .GridSet .Section p {
		font-size: 90%;
	}

	.JS #News .NewsBox dl.DateListStyle1 dt {
		width: 47%;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label {
		width: 53%;
	}
	.JS #News .NewsBox dl.DateListStyle1 dd.label span{
		padding:2px 20px;
	}
	.JS #Related .RelatedBox {
		font-size: 100%;
	}
	.JS #Related .RelatedBanner {
		background-position: right ;
	}
	.JS #Related .RelatedBanner.Lumada {
		background-position: center;
	}
	.JS #Related .RelatedBanner .Text {
		font-size:90%;
		line-height:1.5em;
		left: 8%;
	}
	.JS #Related .RelatedBanner .Text strong.Header {
		font-size:100%;
	}
	.JS #Related .RelatedBanner {
		width:auto;
	}
	.JS #Related .RelatedBanner a:link,
	.JS #Related .RelatedBanner a:visited {
		width:auto;
		height:120px;
		background-position: right 30px bottom 15px;
	}

	.JS .HorizontalInnerLinks li span {
		font-size: 110%;
	}
	.JS .HorizontalInnerLinks li span.SubHeader {
		font-size: 100%;
	}

	.JS .BrandingArea.SecondImage .ImgArea {
		padding-top: 30px;
		padding-bottom:220px;
		background-image: url(/products/it/IoTM2M/index/image/bg_branding_02_sp.png);
	}

	.JS #Sol .Inner .SolutionImage {
		width:90%;
		font-size:67%;
	}

	.JS .slider,
	.JS .ArrowFlow1,
	.JS .SolutionImage .IntelligentPlatform {
		width:87%;
	}

	.JS .SolutionImage .IntelligentPlatform {
		background-size: 600% auto;
		height:620px;
	}

	.JS .SolutionImage .DataConsulting {
		top: 205px;
		left:12%;
		width:15%;
		height: 280px;
		padding:15px;
	}

	.JS .SolutionImage .ProductionFactory {
		bottom: 245px;
		left:35%;
		width: 50px;
		height: 50px;
	}

	.JS .SolutionImage .IotCompass,
	.JS .SolutionImage .DataHub {
		padding-right:0;
	}

	.JS .SolutionImage .IotCompass {
		height: 230px;
		bottom: 280px;
	}
	.JS .SolutionImage .DataHub {
		height: 230px;
		bottom: 10px;
	}

	.JS .ArrowFlow1 {
		margin-left:40px;
	}


	.JS .ArrowFlow1 div.ArrowFlowHeading {
		width: 110px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type {
		width: 80px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:after{
		left: -101px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:before{
		left: -98px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:last-of-type:after{
		left: -98px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:last-of-type:before{
		left: -95px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:after{
		left: -133px;
	}
	.JS .ArrowFlow1 div.ArrowFlowHeading:first-of-type:before{
		left: -130px;
	}

	.JS .ArrowFlow1 div.ArrowFlowHeading p {
		margin-left:30px;
		margin-right:10px;
	}



}