@charset "utf-8";

.BoxPatternA h2.IoTM2M {
	padding: 0 0 0 0;
	text-align: center;
	font-size: 26px;
}
.BoxPatternA h2.IoTM2M span {
	color: #000000;
}
.BoxPatternA h2.IoTplat,.BoxPatternA h2.solution {
	padding: 0 0 0 0;
	text-align: center;
	font-size: 26px;
}
.BoxPatternA h2.IoTplat span {
	color: #C43338;
}
.BoxPatternA h2.IoTplat span.pm {
	color: #C43338;
	background-color: #F2F1EB;
}
.BoxPatternA h2.solution span {
	color: white;
}
.BoxPatternA.Topics,.BoxPatternA.register,h2.IoTM2M,h2.IoTM2M span,h2.solution span,h2.solution {
	background-color: transparent!important;
}
.BoxPatternA.Topics .Inner.Topics.scroll1 {
    width: 100%;
    height: 120px;
    overflow: auto;
}
.scroll1::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 50, .5);
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}
.scroll1::-webkit-scrollbar {
    width: 10px;
}
.scroll1::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.BoxPatternA.Topics .Inner.Topics.scroll2 {
    width: 100%;
    height: 120px;
    overflow: auto;
}
.BoxPatternA.Topics .Inner.Topics.scroll3 {
    width: 100%;
}
/*トピックスのスクロールバーを消す*/
.scroll3.sample3-wrap {
  padding: 0;
  width: 965px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 0px solid #ccc
}
.scroll3 .sample3-ul {
  margin: 0;
  padding: 0;
  height: 120px;
  width: calc(100% + 17px);
  padding-right: 17px;
  overflow-y: scroll;
}
.scroll3 .sample3-li {
  list-style: none!important;
	width: 935px;
}

.BoxPatternA.register {
	margin-top: -23px;
	margin-bottom: 0px;
}
.BoxPatternA.solution {
	background-color: transparent!important;
	margin-bottom: 40px;
}
dl.DateListStyle2.IoTM2M dt {
	width: 120px;
	margin: 0 0 10px 0;
}
dl.DateListStyle2.IoTM2M dd.show {
	width: 100px;
	float: left;
	margin: 0 0 10px 0;
}
dd.show .Event {
	background-color: black;
	color: white;
	width: 47px;
	height: 18px;
	padding: 2px 21px 2px 21px;
	font-size: 0.8em;
}
dl.DateListStyle2.IoTM2M dd.link {
	margin: 0 0 10px 0;
}
dl.DateListStyle2.IoTM2M dd.link a {
	color: black;
	background-image: none!important;
	text-decoration: none;
}
dl.DateListStyle2.IoTM2M dd.link a:hover {
	color: black;
	background-image: none!important;
	text-decoration: underline;
}
.Button.IoTM2M {
	margin-bottom: 45px;
}
.Section.IoTM2M {
	margin-bottom: 45px;
}
.Section.IoTM2M.register {
}
.Button.IoTM2M ul li {
	width: 201px;
	margin: 0 auto;
	border: 2px solid gray;
}
.Button.IoTM2M .ButtonStyle1 a {
padding: 12px 35px 12px 30px;
margin: 0 0 0 0;
background-color: transparent;
background-image: url("/products/it/IoTM2M/image/arrow_red.png");
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 10px 16px;
background-size: 10px 16px;
}
.bold {
	font-weight: bold!important;
	color: black;
}
.ImgOnlyStyle.contact {
	width: 250px;
	height: 38px;
	background-color: black;
	text-align: center;
	color: white;
	margin: 0 auto;
	font-size: 1.2em;
	padding: 15px 0 7px 0;
}
.ImgOnlyStyle.contact a {
	display: block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
}
.Column2.IoTM2M a {
	display: block;
	width: 345px;
	height: 60px;
	margin: 0 auto;
}
.Section.IoTplat {
	background-color: #F2F1EB;
	padding: 35px 0 20px 0;
}
dl.DateListStyle2.IoTM2M.IoTplat dt {
	width: 120px;
	margin: 0 70px 10px 0;
}
.Section.register {
	background-color: #C2272D;
	padding: 0 0 30px 0;
}
.Section.register dl.DateListStyle2.IoTM2M.IoTplat dd.link.IoTplat.register {
	margin: 0 20px 0 0;
	padding: 15px 0 0 0;
	color: white;
}
.ImgOnlyStyle.register {
	width: 250px;
	height: 38px;
	background-color: black;
	text-align: center;
	color: white;
	margin: 0 auto;
	font-size: 1.2em;
	padding: 15px 0 7px 0;
}
.ImgOnlyStyle.register a {
	padding: 12px 70px 12px 65px;
	color: white;
	text-decoration: none;
	background-image: url("/products/it/IoTM2M/image/arrow_wh.png");
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-background-size: 10px 16px;
}
dl.DateListStyle2.IoTM2M dd.link {
	color: black;
	background-image: none!important;
	text-decoration: none;
}
.triangle3 {
  margin:0 auto;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #f2f2eb;
}
.Section.solution {
	background-image: url("/products/it/IoTM2M/image/bg_solution.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	/*max-height: 769px;*/
	padding: 0px 0 0 0;
}
.category {
	text-align: center;
	color: white;
	font-size: 20px;
	margin-bottom: 20px;
}
.Column1.boxarea {
	padding: 22px 10px 8px 10px;
	background-color: black;
	width: 210px;
}
.Column1.boxarea a.a-type {
	text-decoration: none!important;
	margin-bottom: 15px;
	display: block;
	padding: 25px 5px 15px 5px;
	background-color: #E62128;
	border-radius : 3px;
	background: linear-gradient(top, #c1272d, #ff1d25);
	background: -moz-linear-gradient(top, #c1272d, #ff1d25);
	background: -webkit-linear-gradient(top, #c1272d, #ff1d25);
	background: -ms-linear-gradient(top, #c1272d, #ff1d25);
}
.Column1.boxarea a.b-type {
	text-decoration: none!important;
	margin-bottom: 15px;
	display: block;
	padding: 25px 5px 15px 5px;
	background-color: #F2F1EB;
	border-radius : 3px;
}
p.button-a {
	color: white;
	text-align: center;
	min-height: 118px;
	background-image: url("/products/it/IoTM2M/image/arrow_wh.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 10px 16px;
}
p.button-b {
	color: #0A0A0A;
	text-align: center;
	min-height: 118px;
	background-image: url("/products/it/IoTM2M/image/arrow_red.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 10px 16px;
}
p.button-a.button-c,
p.button-b.button-c {
	min-height: 204px;
}
.firstarea {
	display: block;
	text-align: center;
	font-size: 1.25em;
	margin: 0 0 10px 0;
}
.firstarea.no-second {
	display: block;
	text-align: center;
	font-size: 1.25em;
	margin: 0 0 0 0;
}
.secondarea {
	display: block;
	text-align: center;
	font-size: 0.8em;
	line-height: 130%;
}
.Button.bigdata {
	margin-bottom: 12px;
	margin-top: 80px;
}
.Button.bigdata ul li {
	width: 420px;
	margin: 0 auto;
	background-color: white;
	font-size: 1.2em;;
}
.Button.bigdata .ButtonStyle1 a {
padding: 12px 55px 12px 110px;
margin: 0 0 0 0;
background-color: transparent;
background-image: url("/products/it/IoTM2M/image/arrow_red.png");
background-repeat: no-repeat;
background-position: right center;
-webkit-background-size: 10px 16px;
background-size: 10px 16px;
}
.TextStyle2.bigdata {
	color: white;
	text-align: center;
	padding-bottom: 30px;
	margin: 0;
}
.Section.area_topics {
	padding: 55px 0 0 0;
}
/*新スライドショー*/
.GridSet.bx {
    width: auto;
}
.Grid4.top div.Section {
    height: inherit;
    overflow: inherit;
}
.Grid4.Top .Section .bx-wrapper li .Inner {
    width: 100%;
    position: absolute;
}
.Grid4.Top .Section .Inner {
    position: relative;
    width: 965px;
    margin: 0 auto 0;
    padding: 1em 0;
    background: transparent;
}
.Grid4.Top .bxslider a img {
    width: 100%;
    height: auto;
}
.Grid4.Top .bx-wrapper {
    margin: 0;
    border: none;
    box-shadow: none;
    z-index: 0;
}
.Grid4.Top .Section .bx-wrapper li .Inner .Wrapper {
    width: 965px;
    margin: auto;
}
.Grid4.Top .Section .bx-wrapper li .Inner h1 {
    width: 396px;
    height: auto;
}
.Grid4.Top .Section .bx-wrapper li .Inner .Read {
    font-size: 1.4em;
    margin: 1em 0;
    z-index: 2;
}
/*スライドショー用CSS*/
ul li {
  list-style:none;
}

.cb-slideshow,
.cb-slideshow:after {
    width: 100%;
    /*height: 172vh;*/
		height: 1224px;
    top: 14px;
    left: 0px;
    z-index: 0;
  margin: 0!important;
	padding-inline-start: 0px!important;
	background-color: black;
}

.cb-slideshow li span {
    width: 100%;
		/*height: 172vh;*/
		height: 1224px;
    position: absolute;
		/*
    top: 136px;
		*/
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
   left: 0%;
	top: 30%;
    width: 100%;
    opacity: 0;
    color: #fff;
	 -webkit-animation: titleAnimation 24s linear infinite 0s;
    -moz-animation: titleAnimation 24s linear infinite 0s;
    -o-animation: titleAnimation 24s linear infinite 0s;
    -ms-animation: titleAnimation 24s linear infinite 0s;
    animation: titleAnimation 24s linear infinite 0s;
}

.cb-slideshow li div h3 {
	z-index: 50;
	font-family: 'Playfair Display', serif;
	font-size: 8vmin;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
  text-align: center;
}

.cb-slideshow li div h3 i {
	display: block;
	font-size: 3vmin;
}

.cb-slideshow li div h3 em {
	color: #bb342e;
	font-size: 10vmin;
	font-weight: bold;
}


.cb-slideshow li:nth-child(1) span {
    background-image: url(/products/it/IoTM2M/image/branding1.png)
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(/products/it/IoTM2M/image/branding2.png);
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) span {
    background-image: url(/products/it/IoTM2M/image/branding3.png);
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(/products/it/IoTM2M/image/branding4.png);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}


.cb-slideshow li:nth-child(2) div {
	-webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}

.cb-slideshow li:nth-child(3) div {
	-webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    4% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes titleAnimation {
    0% { opacity: 0 }
    4% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
.paintarea {
	position: relative;
	overflow: hidden;
}
.titleimg {
	position: absolute;
	top: 115px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2000;
	display: block;
}
.paintzone {
	position: absolute;
	z-index: 2001;
	top: 30%;
	left: 0;
	right: 0;
	width: 700px;
	height: auto;
	margin: auto;

}
.redzone {
	background-color: #FE1D25;
	color: #000000;
	padding: 40px 40px 10px 40px;
	font-size: 1.1em;
}
.redzone img {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}
.paintbottom {
	color: white;
	text-align: center;
	margin-top: 35px;
	font-size: 1.8em;
}
.bottomimg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url("/products/it/IoTM2M/image/bg_pict.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 109;
/*	z-index: 1999; */ /*デザインガイドライン5.0適用で調整*/

	bottom: 0px;
}
/*ボタンのエフェクト*/
.Button.IoTM2M .ButtonStyle1 a:hover {
		padding: 12px 37px 12px 30px;
}
.Button.bigdata .ButtonStyle1 a:hover {
		padding: 12px 57px 12px 110px;
}
p.button-a:hover,
p.button-b:hover,
.ImgOnlyStyle.contact:hover,
.Column2.FirstItem.IoTM2M a:hover,
.Column2.LastItem.IoTM2M a:hover,
.ImgOnlyStyle.CenterAdjust.register a:hover {
	opacity: 0.7;
}
/*------------ソリューション/サービス一覧-----------*/
h2.sp1.headtitle {
	background: linear-gradient(top, #333333, #636363)!important;
	background: -moz-linear-gradient(top, #333333, #636363)!important;
	background: -webkit-linear-gradient(top, #333333, #636363)!important;
	background: -ms-linear-gradient(top, #333333, #636363)!important;
	border-radius : 5px;
	color: white;
	padding: 9px 0 7px 20px !important;
	margin: 30px 0 0px;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
		border-bottom: #cdcdcd solid 1px;
}
h2.sp1.headtitle.firsttitle {
	background: linear-gradient(top, #333333, #636363)!important;
	background: -moz-linear-gradient(top, #333333, #636363)!important;
	background: -webkit-linear-gradient(top, #333333, #636363)!important;
	background: -ms-linear-gradient(top, #333333, #636363)!important;
	border-radius : 5px;
	color: white;
	padding: 9px 0 7px 20px !important;
	margin: 0px 0 0px;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
		border-bottom: #cdcdcd solid 1px;
}
.Column2 a.solution {
	display: block;
	color: black;
	text-decoration: none;
	font-size: 91%;
	background-color: #ebebdc;
	padding: 25px 20px 25px 25px;
	background-image: url("/products/it/IoTM2M/image/arrow_red.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	-webkit-background-size: 10px 16px;
	background-size: 10px 16px;
	border-radius : 5px;
}
.Column2 a.solution.onimg {
	display: table;
	color: black;
	text-decoration: none;
	font-size: 91%;
	background-color: transparent;
	background-image: none;
	padding: 0;
	box-shadow:0px 0px 5px gray;
	margin: 0 auto 10px;
}
.Column2 a.solution.onimg:hover {
	display: table;
	color: black;
	text-decoration: none;
	font-size: 91%;
	background-color: transparent;
	background-image: none;
}
.Column2 a.solution:hover {
	opacity: 0.7;
	text-decoration: none;
	background-image: url("/products/it/IoTM2M/image/arrow_red.png");
	background-repeat: no-repeat;
	background-position: right 18px center;
	-webkit-background-size: 10px 16px;
	background-size: 10px 16px;
}
.Column2 a.solution span.bold {
	display: block;
	font-size: 115%;
}
.bigdata ul li.button {
	background-color: #F2F2F2;
	font-weight: bold;
	width: 350px;
}
.Button.bigdata ul li.CenterAdjust {
    width: auto;
    margin: 0 auto 15px;
    background-color: white;
    font-size: 1.0em;
		font-weight: normal;
}
/*----------IoTコンパス----------*/
h1.iotcompas {
	width: auto;
	height: 93px;
	background-color: #000034;
	background-image: url("/products/it/IoTM2M/list/iotcompas/image/h2.png");
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-background-size: 720px 100px;
	background-size: 720px 100px;
	color: white;
	padding: 7px 0 0 15px;
}
h1.iotcompas span.small {
	font-size: 60%;
}
th.service {
	width: 50px;
	text-align: center;
}
.Section h2.sp1.headtitle {
	background: linear-gradient(top, #333333, #636363)!important;
	background: -moz-linear-gradient(top, #333333, #636363)!important;
	background: -webkit-linear-gradient(top, #333333, #636363)!important;
	background: -ms-linear-gradient(top, #333333, #636363)!important;
	border-radius : 5px;
	color: white;
	padding: 9px 5px 7px 20px !important;
	margin: 30px 0 20px;
    font-size: 100%;
    font-weight: bold;
    line-height: 130%;
		border-bottom: #cdcdcd solid 1px;
}
.Section h3 {
	font-size:120%;
	color:#333;
	margin-top: 20px;
}
.Section h3.sp1 {
	background-image: none!important;
  padding: 0 0 4px 0px!important;
	border-bottom: 0px;
}

.ColumnSet.minimenu {
	display: flex;
}

.ColumnSet.minimenu .Column1 {
	background: linear-gradient(top, #333333, #636363)!important;
	background: -moz-linear-gradient(top, #333333, #636363)!important;
	background: -webkit-linear-gradient(top, #333333, #636363)!important;
	background: -ms-linear-gradient(top, #333333, #636363)!important;
	border-radius : 9px;
	margin: 30px 0 15px 10px;
    font-size: 100%;
    line-height: 130%;
	border-bottom: #cdcdcd solid 1px;
	text-align: center;
	padding: 0;
}
.ColumnSet.minimenu .Column1 a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 14px 0 12px 0px !important;
}
.ColumnSet.minimenu .Column1 a:hover {
	opacity: 0.6;
}
.ColumnSet.minimenu .Column1.firsttitle {
	margin: 30px 0 15px 0px;
}
.ColumnSet.minimenu .Column1.firsttitle2 {
	margin: 0 0 15px 0px;
}
.titlearea {
	margin-bottom: 20px;
	font-weight: bold;
}
.titlearea span.icon {
	background-color: #333333;
	color: white;
	display: block;
	border-radius : 5px;
	text-align: center;
	float: left;
	margin: 0 15px 0 0;
	padding: 2px 5px 0 5px ;
	font-size:90%;
}
.titlearea span.icon2 {
	background-color: #333333;
	color: white;
	display: block;
	border-radius : 5px;
	text-align: center;
	float: left;
	margin: 0 15px 0 0;
	padding: 2px 5px 0 5px ;
	font-size:90%;
}
.readtext.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.Section.iotcompas p.ImgOnlyStyle {
	margin-top: 20px;
	margin-bottom: 45px;
}
.Section.iotcompas p.ImgOnlyStyle.mb-none {
	margin-top: 20px;
	margin-bottom: 0px;
}
li.path a {
	color: black!important;
}
.minimenu .Column1 {
	position: relative;
}
.minimenu .Column1::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -6px;
}

.TableStyle3 .LinkListStyle1 {
	margin: -5px 0 0px;
}


/*------------ダウンロード-----------*/
p.download {
	display: table;
	padding: 25px 20px 25px 25px;
	border-radius : 5px;
	box-shadow:0px 0px 5px gray;
	margin: 0 auto 10px;
}

.ButtonStyle1.DLDX a:link,
.ButtonStyle1.DLDX a:visited {
    background-color: #1F497D;
    font-size: 105%;
}
.ButtonStyle1.DLDX a:hover,
.ButtonStyle1.DLDX a:active {
    background-color: #57779E;
}

ul.CategoryDLDX li {
    background: none;
    background-color: #7F7F7F;
    display: inline-block;
    color: #fff;
    padding-right: 1em;
    padding-top: 3px;
    border-radius: 5px;
}













/*------------ H2 sp1----------------*/

h2.sp1,
h2.sp2{
	position:relative;
	background:#FFF url(h2_sp1_bg.gif) top left no-repeat !important;
	padding: 0 !important;
}

h2.sp1 span,
h2.sp2 span{
	background: none !important;
	background: url(h2_sp1_btm1.gif) bottom left no-repeat !important;
	padding: 12px 8px 20px 14px !important;
}

h2.sp2 span{
	background: none !important;
	background: url(h2_sp1_btm2.gif) bottom left no-repeat !important;
}

h2.sp2 span{
	padding: 12px 8px 20px 40px !important;
}

h2.sp2 span img{
	position:absolute;
	top:5px;
	left:6px;
}


/*------------ H3 sp1 ----------------*/

h3.sp1{
	background:#FFF url(h3_bg.gif) 2px bottom no-repeat !important;
	padding: 0 0 4px 20px !important;
	color:#333333;
	border-bottom: #cdcdcd solid 1px;
}

h3.sp1 span.shldr{
	font-size:83%;
	font-weight:normal;
}




/*------------ sp-ul-t1 ----------------*/

ul.sp-ul-t1{
}

ul.sp-ul-t1 li{
	float:left;
	margin: 0 0 4px 4px;
}

ul.sp-ul-t1 li.fst{
	margin: 0 0 4px 0;
}

/*------------ sp-ul-t2 ----------------*/

ul.sp-ul-t2{
}

ul.sp-ul-t2 li{
	float:left;
	margin: 0;
}


/*------------ margin adjust ----------------*/

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.ml-10{
	margin-left:-10px;
}

.ml-20{
	margin-left:-10px;
}


.mt-10{
	margin-top:-10px;
}

.pt10{
	padding-top: 10px;
}


.Section.iotcompas ul li {
	font-size:87.5%;
	padding-left:30px;
}
.Section.iotcompas ul li::before {
	content:"●";
	color:#666;
}


.effectiveness {
	background-color: #bce2e8;
	padding:15px 10px 10px 10px;
	margin:10px 0 80px 0;
	text-align: center;
	color:#455765;}




/*------------ クラウドからお問い合わせ移植 ----------------*/

/* -.elem_contact_block

----------------------------------------------------------- */

.elem_contact_block {
	padding: 20px 0 40px 0;
}

.elem_contact_block .elem_contact_block_pad {
	border: 3px solid #e60027;
}

.elem_contact_block .contact_heading {
	padding: 8px 12px 12px;
	background: #e60027;
}

.elem_contact_block .contact_heading h2 {
	color: #fff;
	font-size: 100%;
	line-height: 1;
	background: none;
	margin: 0;
	padding: 0;
}

.elem_contact_block .contact_body {
	padding: 25px;
	background: #fff;
}

.elem_contact_block .contact_body .elem_button_list {
	padding: 0;
}

.elem_contact_block .contact_body .content_divide_col2 .elem_content_divide_box {
	border-left: 1px solid #ccc;
}

.elem_contact_block .contact_body .content_divide_col2 .elem_content_divide_box:first-child {
	border-left: none;
}



/* -.elem_button_list

----------------------------------------------------------- */

.elem_button_list {
	position: relative;
	padding: 0 0 20px 0;
}

.elem_button_list ul {
	margin: -10px 0 0 -10px;
	letter-spacing: -0.4em;
}

* html .elem_button_list ul {
	zoom: 1;
}

*:first-child + html .elem_button_list ul {
	zoom: 1;
}

.elem_button_list ul:before, .elem_button_list ul:after {
	content: "";
	display: table;
}

.elem_button_list ul:after {
	clear: both;
}

.elem_button_list ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	padding: 10px 0 0 10px;
	line-height: 0;
}

* html .elem_button_list ul li {
	display: inline;
	zoom: 1;
}

*:first-child + html .elem_button_list ul li {
	display: inline;
	zoom: 1;
}

.elem_button_list ul li a {
	line-height: 0;
}

.elem_button_list ul.center {
	text-align: center !important;
}


/* -.js_button

----------------------------------------------------------- */

.js_button_red {display: inline-block;letter-spacing: normal; background: #e60027;}

* html .js_button_red {
	display: inline;
	zoom: 1;
}

*:first-child + html .js_button_red {
	display: inline;
	zoom: 1;
}

.js_button_red:hover { display: inline-block;letter-spacing: normal; background-color: #AC001D;}


@media screen and (max-width: 994px) {
	.JS .ColumnSet.matchHeight .Column2 {
		width: 100%;
		margin-bottom: 10px;
	}
	.JS .Grid3 .ColumnSet.minimenu {
		margin-left: 0;
	}
	.JS .Grid3 .ColumnSet.minimenu .Column1 {
		width: 230px;
	}
	.JS .Grid3 .ColumnSet.minimenu.iot .Column1 {
		width: calc((100% - 30px) / 4);
	}
	.JS .ColumnSet.minimenu .Column1::after {
		right: 15px;
	}
	.JS .Grid3 .ColumnSet.minimenu.iot {
		flex-wrap: wrap;
	}
	.JS .Grid3 .ColumnSet.minimenu.iot .Column1 {
		width: calc((100% - 30px) / 2);
	}
	.JS .Grid3 .ColumnSet.minimenu.iot .Column1:nth-child(3) {
		margin-left: 0;
	}
	.JS .ColumnSet.minimenu.iot .Column1.firsttitle, .JS .ColumnSet.minimenu.iot .Column1 {
		margin: 10px 10px 15px 0px
	}
}

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

}
@media screen and (max-width: 579px) {
	.JS .ColumnSet.minimenu {
		align-items: center;
		flex-direction: column;
		margin-left: 0;
	}
	.JS .Grid3 .ColumnSet.minimenu .Column1 {
		margin: 0px 0 15px 0px;
	}
	.JS .Grid3 .ColumnSet.minimenu.iot .Column1.firsttitle {
		margin: 10px 0 15px 0px;
	}
	.JS .Grid3 .ColumnSet.minimenu.iot .Column1 {
		width: 65%;
	}
	.JS h1.hipfi {
		padding-left: 20px;
		padding-top: 27px;
		padding-bottom: 10px;
	}
	.JS h1.hipfi span {
		padding: 3px 0px;
	}
	
}
@media screen and (max-width: 399px) {
	.JS .bigdata ul li.button {
		width: 90%;
	}
	.JS .Button.bigdata .ButtonStyle1 a {
		padding: 9px 22px 9px 15px;
	}
}

/*----------------- フローティングバナー ---------------------*/

/*** #FloatLinkWrap ***/

/*----------------------------------------------------------- */


#FloatLinkWrap {
  position: relative;
  padding-top: 40px;
  background: #fff; }
  #FloatLinkWrap .FloatLink {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(61, 61, 61, 0.8);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -ms-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    z-index: 2; }
    #FloatLinkWrap .FloatLink.static {
      position: static; }
    #FloatLinkWrap .FloatLink.visible {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  #FloatLinkWrap .LinkListStyle2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px; }
    #FloatLinkWrap .LinkListStyle2 li {
      min-width: 310px;
      padding: 0; }
      #FloatLinkWrap .LinkListStyle2 li:nth-child(n+2) {
        margin-left: 40px; }
      @media screen and (max-width: 710px) {
        #FloatLinkWrap .LinkListStyle2 li {
          width: 100%; }
          #FloatLinkWrap .LinkListStyle2 li:nth-child(n+2) {
            margin: 10px 0 0; } }
      #FloatLinkWrap .LinkListStyle2 li a {
        display: block;
        color: #fff;
        padding: 0;
        font-size: 112.5%;
        font-weight: bold;
        text-align: center;
        border: 1px solid #fff;
        background: #2d50a9;
        -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
        @media screen and (max-width: 710px) {
          #FloatLinkWrap .LinkListStyle2 li a {
            font-size: 81.25%; } }
        #FloatLinkWrap .LinkListStyle2 li a:hover {
          opacity: 0.7; }
        #FloatLinkWrap .LinkListStyle2 li a span {
          font-size: 18px;
          display: inline-block;
          padding: 7px 15px 5px; }
      #FloatLinkWrap .LinkListStyle2 li .Contact span {
        padding-right: 25px;
        background: url(/products/it/IoTM2M/image/icon/white_arrow_right.svg) no-repeat right center;
        background-size: 19px; }
        @media screen and (max-width: 995px) {
          #FloatLinkWrap .LinkListStyle2 li .Contact span {
            padding-right: 16px;
            background-size: 12px; } }
      #FloatLinkWrap .LinkListStyle2 li .Portal {
        padding-left: 15px; }
        #FloatLinkWrap .LinkListStyle2 li .Portal span {
          padding-right: 25px;
          background: url(/products/it/IoTM2M/image/icon/white_arrow_right.svg) no-repeat right center;
          background-size: 19px; }
          @media screen and (max-width: 995px) {
            #FloatLinkWrap .LinkListStyle2 li .Portal span {
              padding-right: 16px;
              background-size: 12px; } }

@media screen and (max-width: 767px){
	#FooterPageTop {
		top: calc(100% - 100px);
	}
}
/*----------------- /フローティングバナー ---------------------*/