@charset "utf-8";
#wrapper{
	color:#333;}
sup { font-size: .5em; vertical-align: super; }
.wrap1050{max-width:1050px; margin:auto;}
a:hover{ text-decoration:none;}
/***********************************************************
メインビジュアル画像
***********************************************************/
#main{
	background:url(../img/topimg.png) no-repeat 100% center;
	position:relative;
	width: 1050px;
    height: 573px;
	margin:auto;}
	
/***********************************************************
メインビジュアル内
***********************************************************/
#gnav{
	position: absolute;
    bottom: 25px;
    background-color:rgba(160, 212, 241, 0.53);
    width: 100%;
	font-size: 16px;}
	#gnav ul{
		width:92%;
		margin:auto;}
		#gnav li{
			display: inline;
			float: left;
			min-width: 190px;
			text-align: center;
			margin-right: 16px;}
		#gnav li:last-child{
			margin-right: 0px;}
		#gnav li:last-child a{ padding: 1em 2em;}
		#gnav li:nth-child(2) a{ padding: 1em 2em;}
			#gnav li a {
				display: block;
				background-color:#004ea2;
				color: #ffffff;
				margin: .5em auto;
				line-height: 1;
				font-weight: 500;
				padding: .5em 2em;}
			#gnav li a:hover {
				background-color: rgba(255, 255, 255, 0.8);
					color:#004ea2;}
/***********************************************************
section2*about
***********************************************************/
#about{
    margin:50px auto;
	text-align:center;
	width:909px;}	
	#about img{
		vertical-align: baseline;}	
	#about h1{
		font-size:21px;
		font-weight:600;
		line-height: 1.5;
		margin-bottom:30px;
		letter-spacing: -1px;}
		.txtPoint{
			color:#dd960f;
			font-size:26px;
			margin-bottom:1em;
		    font-weight: 600;}
	#about h3{
		font-size: 28px;
		font-weight: 500;
		line-height: 1.3;
		border-top: 1px solid;
		border-bottom: 1px solid;
		margin: 50px auto;
		padding:50px 0;}
		#about .point{margin-top: 20px; font-size: 20px; border-bottom: 1px solid; margin: 20px 100px 0; color: #e60012; font-weight: 600;}
/***********************************************************
section3*itemList
***********************************************************/
#itemList{
    padding: 50px 0 0;
	text-align: center;
	margin:100px auto;
	position:relative;}
	#itemList h3{
		font-size: 30px;
		color: #FFFFFF;
		background-color:#4369b2;
		border-radius:50px;
		line-height: 1;
		padding: 30px 0;
		text-align:center;
		width:60%;
		margin:0 auto 50px;
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;}
	#itemList h2{
		font-size: 30px;
		color: #FFFFFF;
		background-color:#006934;
		line-height: 1.3;
		padding: 15px 0;
		text-align:center;
		margin:0 auto 50px;}	
	#linkBtn {
		width:80%;
		margin:auto;
		font-size:27px;
		line-height:1.5;
		font-weight:600;}
		#linkBtn > div{
			background:url(../../../../factory/assets/img/linkbtn.png) no-repeat;
			width:342px;
			height:143px;
			display:table;
			cursor:pointer;}
		#linkBtn > div:first-child{
			float:left;}
		#linkBtn > div:last-child{
			float:right;}
			#linkBtn span{
				display:table-cell;
				text-align:center;
				vertical-align:middle;}
	a:hover {
		opacity: 0.8;
	}
	.tab_content{
		margin:30px auto;}
		.tab_content ul{
			padding-left: 2%;}
			.tab_content li{
				display:inline;
				float:left;
				width:22.5%;
				margin: 2.3% 1% 0;
				text-align:center;
				border:1px solid #666666;
				box-sizing:border-box;
				cursor:pointer;
				font-weight: bold;
				font-size: 16px;}
			.tab_content #category li,
			.tabLi li{
				padding:1rem;}
			.tab_content2{
				background-color:#EBF6F5;}
				#tab2_cont li a,
				.tab_content2 li a{
					display:block;
					padding:1rem;
					background-color:#FFFFFF;}
				.tab_content li:hover{
					background-color:#FF0000;
					color:#FFFFFF;}
					#tab2_cont li a img, .tab_content2 li a img {
						max-width: 174px;
						height: auto;
						max-height:65.25px;}
		.tab_content li.select {
				background: #2fb5d8;
				color: #fff;
				border: 1px solid #2fb5d8;}
		.cont_close ul{
			padding-left: 0;}
			.cont_close li{
				display: block;
				width: 94%;
				float: none;
				margin: 2.3% auto;
				padding: 1rem;
				border: none;
				background-color: #666;
				color: #fff;}

#important{width: 70%; margin: 30px auto;}
#important h5{writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl;float: left; background-color: #a48bbf; color: #ffffff; padding: 1em .5em; font-size: 18px;}
#important ul{float: left; text-align: left; margin-left: 20px; font-size: 1.3em; line-height: 1.6; color: #4369b2; max-width:670px;}
#important li{ margin-bottom:13px;font-weight: 600;}


/***********************************************************
section4*solution
***********************************************************/
#solution{
    padding: 0 0 50px;
	background-color: #efeee8;
	margin:50px auto;
	position:relative;}
	#solution h3{
		font-size: 30px;
		color: #FFFFFF;
		background-color:#4369b2;
		border-radius:50px;
		line-height: 1;
		padding: 30px 0;
		text-align:center;
		width:60%;
		margin:0 auto 50px;
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;}
	#solution h3 span{ display: inline-block; vertical-align:middle;font-size: 16px;}
	#innerBox{
		text-align: center;
		margin:auto;
		padding-top: 100px;}
.fs30{ font-size:30px!important;}
#komidashi{
position: relative;
display: inline-block;
padding: 0 55px;
font-size:22px;
color:#606fab;
margin:50px auto 0;
}

#komidashi:before, #komidashi:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color:#606fab;
}

#komidashi:before {left:0;}
#komidashi:after {right: 0;}

#kako { display: table;text-align: center; margin: 30px auto 0; color: #5277b2; font-weight: 600; font-size: 1.3em; }
#kako p { display: table-cell; vertical-align: middle; }
#kako span { display: table-cell; }

		
/***********************************************************
section5*contact
***********************************************************/
#contact{
	margin: 60px auto;
	width: 1050px;
	position: relative;}
	#contact h4{
		position: absolute;
		left: 60px;
		color: #ffffff;
		top: 70px;
		font-size: 38px;
		width: 500px;
		line-height: 1.3;}
	#contact p{
		position: absolute;
		left: 60px;
		color: #ffffff;
		bottom: 70px;
		font-size: 23px;
		width: 500px;
		width: 520px;
		letter-spacing: -1px;}
	#contact a{
		display: block;
		background-color: rgba(130, 0, 16, 0.8);
		color: #fff;
		border-radius: 30px;
		position: absolute;
		bottom: 50px;
		right: 50px;
		margin: auto;
		width: 310px;
		font-size: 16px;
		padding: .4em 1em;
		text-align: center;
		line-height: 1;}
		#contact a:hover {
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;}

/***********************************************************
製品・メーカー詳細
***********************************************************/
#products{
    margin:50px auto;
	text-align:center;
	width:1050px;}	
	#products h1{
		font-size:28px;
		font-weight:500;
		line-height: 1.3;
		margin-bottom:30px;
		letter-spacing: -1px;}
          .companylogo{
                              display:flex;
                              justify-content:space-around;
                              margin:40px 0;
                              }
             .telitlogo2{
                        margin-top:20px;}
           .telitlogo img{
/*                            width:13em;*/
                            width:203px;
                            height:125.08px;}
              .telitlogo2 img{
/*                            width:18em;*/
                            width:281px;
                            height:51.86px;}
               .telitlogo2 p:nth-child(2){
                                          margin-top:71px;}
                
	#products li {
		margin-bottom: 10px;
		padding-left: 1.5em;
		font-size: 1.3em;
		line-height: 1.4;}
	.content{
		padding: 50px 30px 50px 0;
		border-bottom: 1px solid #9fa0a0;}
		.imgBox{
			float:left;
			width:433px;}
		.imgBox > div{ width:75%; margin: 20px auto 0; text-align:left;}
		.borderAll{border: 5px solid #004ea2;}

		.textBox{
			margin-left:433px;
			text-align: justify;
			text-justify:inter-ideograph;}
			.textBox  h2{
				font-size: 24px;
				color: #004ea2;
				border-left: 5px solid #004ea2;
				line-height: 1.1;
				padding: 15px 1rem;
				margin:0 auto 20px;}
			.textBox  h2 > span{
				letter-spacing:-1px;}
			#products h3{
				font-size: 18px;
				line-height: 1;
				margin:0 auto 1rem;
				font-weight:600;
				letter-spacing:2px;}	
			.textBox  p{
				margin-bottom:1.6rem;}
			#products .imgBox ul.list-circle li {
				margin-bottom: 5px;
				padding-left: 1.5em;
				font-size: 1em;
				line-height: 1.4;
				position: relative;
				vertical-align: middle;}
			.textBox ul.list-circle li, .wise ul.list-circle li{
				margin-bottom: 10px;
				padding-left: 1.5em;
				font-size: 1.3em;
				line-height: 1.4;
				position: relative;
				vertical-align: middle;}
			ul.list-circle > li:before {
				content: "●";
				color: #004ea2;
				position: absolute;
				top: 1px;
				left: 0;}
/*20190530add*/
.wrap600 {
    max-width: 570px;
    margin: auto;
    text-align: left;
	display: block;}
.txtbl {
    color: #005ead;}
.al{text-align: left;}
/***********************************************************
sidenav
***********************************************************/
#wrapFull{ position:relative;}
#sidenav {
	left: 0;
	display:none;
	right: 0;
	bottom:0;
	z-index: 10;
	background-color: rgba(255, 255, 255, .8);
}
#sidenav h3 {
    font-size: 1.2em;
    margin-bottom: 8px;
    font-weight: 600;
    text-align: center;
	margin-top: 8px;
}
#sidenav ul {
	text-align:center;
}
#sidenav li {
	display:inline-block;
	vertical-align:bottom;
}
#sidenav a {
    background-color: #b70003;
    color: #fff;
    padding: .5em 2em;
	position:relative;
    border:1px solid;
}
#sidenav a:before {
	content: '\f105';
    position: absolute;
    right:10px;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s;
    transition: all .4s;
	
}
#sidenav a:hover {
    color: #b70003;
	background-color:#FFFFFF;
}

.ml0{
	margin-left: 0!important;}
.titleCenter { margin-bottom: 1.3em;font-size: 27px; text-align: center; letter-spacing: 2px; text-indent: -2px; line-height:1;}



/***********************************************************
BISTel, secureWise, syncron 詳しくはこちらのリンク
***********************************************************/


.solution-container {
	margin: 0 auto -6em;
	width: 1080px;
  }
  .solution-flex {
	display: flex;
	justify-content: inherit;
  }
  .solution-flex img {
	width: 200px;
  }
  .flex-child-s {
	width: 400px;
	margin: 0 4em;
  }
  
  .img-bg {
	text-align: center;
	background: #F8FCFD;
	margin-bottom: -.4em;
  }
  .m-bg {
	padding: 1em;
	font-size: .9em;
	background: #E5F4FA;
	margin-bottom: -1.9em;
	height: 190px;
  }
  .solution-title {
	font-weight: bold;
	font-size: 1.4em;
  }
  .view-more-s {
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 1.3em;
  }
  .view-more-s2 {
	color: black;
	background: #a8e6ff; 
	padding: .8em;
  }
  .view-more-s2:hover {
	background: #77c8e7;
  }