@charset "UTF-8";


/*Products 固定nav 3列*/
.nav {
	width: 100%;
	color: #fff;
	background: #000;
	opacity: 0.8;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}
.nav.fixed {
	position: fixed;
	left: 0;
	top: 0;
}
.nav ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.nav ul li {
	width: 333px;
	/*width: 199px;*/
	/*padding: 10px 0;*/
	text-align: center;
	list-style: none;
	float: left;
	display:block;
	height:66px;
	line-height:66px;
	font-size: 15px;
	font-family: "Open Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

.nav ul li a {
	display:block;
	color:#fff;
	text-decoration:none
}

.nav ul li a:hover {
	display:block;
	color:#ccc;
	text-decoration:none
}

/*features*/
.features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gradation {background: linear-gradient(90deg, rgb(192, 192, 192), rgb(121, 121, 121));}

.TK210C-gradient {
  background-image: linear-gradient(90deg, rgba(192, 192, 192, 1), rgba(245, 245, 245, 1) 30%, rgba(121, 121, 121, 1));
}

.features_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
	 /*border:1px #ccc solid;*/
    width: 50%;
	line-height:160%;
}

.features_inner_pic {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
    padding: 0;
    width: 50%;
}


.features_inner_pic .ml_per{
	margin-left:-30%;
	width:120%;
	height:auto;
}

.features_inner_pic .mt-ml_per{
	margin:-15% 0 0 25%;
}

.features_inner_pic .mt_per{
	margin:-15% 0 0 0;
}

.features_inner_pic .mr_per{
	margin:0 0 0 15%;
}

.features_inner_pic .mr_per2{
	margin:0 0 0 0;
	width:120%;
	height:auto;	
}

.features_inner_pic .mr_per3{
	margin:0 0 0 10%;
	width:120%;
	height:auto;
}

.features_inner .txt{
	width: 80%;
	margin: auto 10%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner .txt2{
	width: 55%;
	margin: 5% 35% 5% 10%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner .txt_s{
	width: 100%;
	margin: 40px 0 0 0;
	text-align: left;
	font-size: 17px;
	line-height: 160%;
}

.features_inner .txt_logo{
	width: 70%;
	margin: 0% auto 0 auto;
	text-align: left;
	font-size: 40px;
	line-height: 140%;
}

.features_inner .txt_TK-210C_logo{
	width: 70%;
	margin: 0% auto 0 auto;
	text-align: left;
	font-size: 40px;
	line-height: 140%;
}

.features_inner .txt_m{
	width: 80%;
	margin: 0 10% 15% 10%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner .txt_ms{
	width: 100%;
	margin: 60% 0 0 35%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner .txt_mt{
	width: 70%;
	margin: 60% 25% 10% 5%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner .txt img{
	width: 100%;
	height:auto;
}

.features_inner .txt_logo img{
	width: 100%;
	height:auto;
	margin-left:-15%;
}

.features_inner .txt_TK-210C_logo img{
	width: 100%;
	height:auto;
}

.features_inner .img{
	width: 40%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}
	
.features_inner .img2{
	width: 55%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}

.img2{
	width: 70%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}
	
.img2 img{
	width: 100%;
	height: auto;
	margin: 0 auto;
	}

.features_inner img{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	float: none;
	}

.features_inner_pic img{
	width:100%;
	height:auto}

.features_inner_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
	 /*border:1px #ccc solid;*/
    width: 60%;
	line-height:160%;
}

.features_inner_2_pic {
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
    padding: 0;
    width: 40%;
}

.features_inner_2 .txt{
	width: 70%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
	margin-top: auto;
	margin-right: 15%;
	margin-bottom: auto;
	margin-left: 15%;
}

.features_inner_2 .txt img{
	width:100%;
	height:auto;
	}

.features_inner_2 .txt2{
	width: 55%;
	margin: 5% 35% 5% 10%;
	text-align: left;
	font-size: 2em;
	line-height: 140%;
}

.features_inner_2 .txt_s{
	width: 100%;
	margin: 40px 0 0 0;
	text-align: left;
	font-size: 17px;
	line-height: 160%;
}

.features_inner_2_pic img{
	width:100%;
	height:auto}
	
/*PC・スマホで表示・非表示にする*/
.pc_display{
}

.sp_display{
	display:none}

.sys_left{
	width:34%;
	margin-right:1%;
	float:left}

.sys_left img {
	width:100%;
	height:auto;
	margin-bottom:0%;
}

.sys_left a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}	

.sys_right{
	width:65%;
	float:left}

/*三分割*/
.sys_three_one {
	overflow: hidden;
	margin-bottom: 0%
}

.sys_three_one ul {
	overflow: hidden;
	margin: 0 -2% 10% 0;
}
.sys_three_one li {
	list-style:none;
	float:left;
	width:31.33%;
	margin:0 2% 2% 0;
}
.sys_three_one li:nth-child(3n+1) {
	clear:both;
}

.sys_three_one li img {
	width:100%;
	height:auto;
	margin-bottom:0%;
	/*border:1px solid #666;*/
}

.sys_three_one li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}		

/*製品　三分割*/
.tripods_three_one {
	overflow: hidden;
	margin-bottom: 0%;
	width: 100%;
	padding-top: 50px;
}

.tripods_three_one ul {
	overflow: hidden;
	margin: 0 -41px 50px 0;
}
.tripods_three_one li {
	list-style:none;
	float:left;
	width:306px;
	margin:0 41px 41px 0;
}

/*
.tripods_three_one ul {
	overflow: hidden;
	margin: 0 -2% 10% 0;
}
.tripods_three_one li {
	list-style:none;
	float:left;
	width:31.33%;
	margin:0 2% 2% 0;
}*/

.tripods_three_one li:nth-child(3n+1) {
	clear:both;
}

.tripods_three_one li img {
	width:100%;
	height:auto;
	margin-bottom:0%;
	/*border:1px solid #666;*/
}

.tripods_three_one li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

.tripods_three_one li .award img{
	width:35%;
	height:auto;
	margin:0 55% 5% 10%;
	float:none;
	/*border:1px solid #666;*/
}

/*カウンタータイトル*/
.tripods_ttl{
	color: #666;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 20px 0
}

.ltv {
  position: relative;
  margin:0% 30% 0% 0%;
  width: 70%;
  padding-top: 39.375%;
}
.ltv iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1179px) {

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
.nav {
	width: 100%;
	position:static;
}
.nav.fixed {
	position:static;
}
.nav ul {
	width: 100%;
}
.nav ul li {
	width: 49.8%;
	height: 44px;
	line-height: 44px;
	font-size: 1.3em;
	letter-spacing:-1.5px;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.nav ul li:nth-child(2) {
     border-bottom:none;
}

.nav ul li:nth-child(3) {
	 border-bottom:none;
	 border-right:none;
}

.nav ul li:first-child {
	display: none;
	font-size: 1.3em;
}

.sys_left{
	width:100%;
	margin-right:none;
	margin-bottom:2%;
	float:none
	}
	
.sys_right{
	width:100%;
	float:none
	}

.sys_three_one ul {
		/*margin-right:0;*/
	}
	.sys_three_one li {
		/*margin-left:0.5%;*/
	}
	.sys_three_one li:nth-child(3n+1) {
		clear:both;
	}

/*三分割（SPでは二分割）*/
    .tripods_three_one {
	overflow: hidden;
	margin:0 2% 0 2%;
	width: 96%;
	padding-top: 50px;
}

    .tripods_three_one ul {
	overflow: hidden;
	margin: 0 -2% 6% 0;
	}

	.tripods_three_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 6% 0%;
	}

.tripods_three_one li:nth-child(1) {
     width:100%;
	 margin:0 2% 2% 0%;
}

.tripods_three_one li:nth-child(4) {
     width:100%;
	 margin:0 2% 2% 0%;
}

.tripods_three_one li:nth-child(7) {
     width:100%;
	 margin:0 2% 2% 0%;
}
	
	
	.tripods_three_one li:nth-child(3n+1) {
	clear:none;
		}

.gradation {background: linear-gradient(360deg, rgb(192, 192, 192), rgb(121, 121, 121));}

.features_inner {
	font-size:1.8em;
	width:100%;
}

.features_inner .txt{
	width: 90%;
	margin: 5% 5% 5% 5%;
	font-size: 1.2em;
}

.features_inner .txt2{
	width: 90%;
	margin: 5% 5% 10% 5%;
	font-size: 1.2em;
}

.features_inner .txt_logo{
	width: 90%;
	margin: 5% 5% 5% 5%;
}

.features_inner .txt_TK-210C_logo{
	width: 90%;
	margin: 5% 5% 5% 5%;
}

.features_inner .txt_logo img{

	margin-left:0%;
}

.features_inner .txt img{
	width: 50%;
	height:auto;
}

.features_inner .txt_m{
	width: 90%;
	margin: 5% 5% 5% 5%;
	font-size: 1.2em;
}

.features_inner .txt_ms{
	width: 90%;
	margin: 5% 5% 10% 5%;
	font-size: 1.2em;
}

.features_inner .txt_mt{
	width: 90%;
	margin: 5% 5% 10% 5%;
	font-size: 1.2em;
}

.features_inner .img{
	width:60%;
	height:auto;
	margin:0 auto}
	
.features_inner .img2{
	width: 80%;
	height: auto;
	margin: 0 auto;
	float: none;
	}

.features_inner .img img{
	width:100%;
	height:auto;
	margin:0 auto}

.features_inner_pic{
		width:100%;
	}
.features_inner_pic img{
	width:100%;
	height:auto}

.features_inner_pic .ml_per{
	margin-left:0;
	width:100%;
	height:auto;
}

.features_inner_pic .mt_per{
	margin:0 0 0 0;
}

.features_inner_pic .mt-ml_per{
	margin:0 0 0 0;
}

.features_inner_pic .mr_per{
	margin:0 0 0 0;
}
.features_inner_pic .mr_per2{
	margin:0 0 0 0;
}

.features_inner_pic .mr_per3{
	margin:0 0 0 0;
	width:100%;
	height:auto;
}

.features_inner_2 {
	font-size:1.8em;
	width:100%;
}

.features_inner_2 .txt{
	width: 90%;
	margin: 5% 5% 5% 5%;
	font-size: 1.2em;
}

.features_inner_2 .txt2{
	width: 90%;
	margin: 5% 5% 10% 5%;
	font-size: 1.2em;
}

.features_inner_2_pic{
		width:100%;
	}
.features_inner_pic img{
	width:100%;
	height:auto}

/*PC・スマホで表示・非表示にする*/
.pc_display{
	display:none
}

.sp_display{
	display: block;
}

.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.ltv {
  position: relative;
  margin:0% 0% 0% 0%;
  width: 100%;
  padding-top: 56.25%;
}
}