/* CSS Document */
@media screen and (max-width: 1024px) {
	
	/* CSSコード */
/* リセットCSS */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* グラデーション */
.hr1 {
  height: 1px;
  background: #aaa;
  background-image: -webkit-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -moz-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -ms-linear-gradient(left, #ddd, #999, #ddd);
  background-image: -o-linear-gradient(left, #ddd, #999, #ddd);
}

.hr2 {
  height: 3px;
  background: skyblue;
  background-image: -webkit-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -moz-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -ms-linear-gradient(left, #caeaf7, blue, #caeaf7);
  background-image: -o-linear-gradient(left, #caeaf7, blue, #caeaf7);
  margin:10px 0px;
}

	/*ISO*/
	
.text_center {
	text-align:center;
}
	.center {
	text-align:center;
	margin:auto;
}

    .margin_top {
	margin-top:40px;
}


	.iso_main {
		width:auto;		
	}
	
	.width900 {
		width:auto;		
	}
	
	.width600 {
width:auto;	
}

.width600 img {
	margin:auto;
	display:block;
}

.width400 {
	width:auto;	
}

.width300 {
width:auto;	
}
	
	.width1200 {
		width:auto;		
	}


	#sub_main .company {
		width: inherit;
		max-width: 900px;
	}
	
	#sub p {
	margin-top:30px;
}

	.pan {
	margin:auto;
	text-align:center;
	width:auto;
	
	.table2 .table2 td {
	border:1px solid;
	border-collapse:collapse;
	padding: 10px;
}

/* 製品案内 */

.product_main {
	width:auto;	
}


.product_float {
	margin:auto;
	text-align:center;
}

/*DFX*/
#tbl a:link {
	color: #004DC4;
}

#tbl a:visited {
	color: #004DC4;
}

#tbl a:hover {
	color: #ccc;
}

#tbl a:active {
	color: #ccc;
}

/* スクロールコンテナ */
#tbl {
	margin-top: 30px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	max-height: 600px; /* 必要に応じて調整 */
	}

.table {
	border-collapse: collapse;
	table-layout: auto;
	margin-top:20px;
}

.table_center tr {
	text-align:center;
}

/* ヘッダー（上部固定） */
.table th {
	position: sticky;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 2;
}

.table th::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	background:#999;
	height: 100%;
	z-index: -1;
}

.table th, .table td {
	border: 1px solid #666;
	padding: 10px;
}

/* 製品案内 */

.product_main {
	width:auto;	
}


.product_float {
	margin:auto;
	text-align:center;
}

}

}

@media screen and (max-width: 767px) {
	
.text_center {
	text-align:center;
}

	.center {
	text-align:center;
	margin:auto;
}

    .margin_top {
	margin-top:40px;
}


	.sp_center {
		margin:auto;
		text-align:center;
	}
	
	#sub p {
	margin-top:30px;
}

	#sub h2 {
		height:100px;
		text-align: center;
		padding-top:20px;
		font-size: 150%;
	}
	
	#sub h3 {
		text-align: center;
	}      
	
	#sub_main {
		margin: 0px auto;
		padding:5px;
	}
	
	#sub_main .company {
		margin: 0;
	}
	
	.pan {
	margin:auto;
	text-align:center;
}

.table th {
　　white-space: nowrap;
	margin-top:20px;
　}

.table2,
.table2 td {
	border:1px solid;
	border-collapse:collapse;
	padding: 10px;
}

	
	/*会社概要*/
	.company {
		margin:auto;
		text-align:center;
		background: none;
		border: none;
	}

	.company dl {
		width: 90%;
		background-color : #fff;    
		margin-bottom : 30px;
		border-width : 2px;
		border-style : solid;
		border-color : #09C;
	}

	.company dt {
		color : #333;
		background-color:#E6F2FF;
		text-align : center;
		margin-bottom : 10px;
		border-top: 2px solid #09C;
		border-bottom: 2px solid #09C;
		padding-top : 4px;  
		padding-bottom : 4px;  
		clear: inherit;
		float: inherit;
		width: inherit;
	}

	.company dd {
		line-height : 1.8;
		padding-right : 10px;     
		padding-left : 0px;
		padding-bottom : 10px;  
		border-left: none;
		border-top: none;
		margin: 5px;
	}

	.company_address {
		width: inherit;
	}
		
	/*Googleマップ*/
	.gmap {
		width: 100%;
	}

	/*ISO*/
	.iso_float img {
		margin:auto;
		text-align:center;
		display:block;
	}
		
	.president {
		text-align: center;
		margin:30px auto;
	}

/*DFX*/
#tbl a:link {
	color: #004DC4;
}

#tbl a:visited {
	color: #004DC4;
}

#tbl a:hover {
	color: #ccc;
}

#tbl a:active {
	color: #ccc;
}

/* スクロールコンテナ */
#tbl {
	margin-top: 30px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	max-height: 600px; /* 必要に応じて調整 */
	}

.table {
	border-collapse: collapse;
	table-layout: auto;
	margin-top:20px;
}

/* ヘッダー（上部固定） */
.table th {
	position: sticky;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 2;
}

.table th::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	background:#999;
	height: 100%;
	z-index: -1;
}

.table th, .table td {
	border: 1px solid #666;
	padding: 10px;
}

	/*お問合せ*/
	.contact {
		margin:auto;
		text-align:center;
		background: none;
		border: none;
	}

	.contact dl {
		width: 90%;
		background-color : #fff;    
		margin-bottom : 30px;
		border-width : 2px;
		border-style : solid;
		border-color : #09C;
	}

	.contact dt {
		color : #333;
		background-color:#E6F2FF;
		text-align : center;
		margin-bottom : 10px;
		border-top: 2px solid #09C;
		border-bottom: 2px solid #09C;
		padding-top : 4px;  
		padding-bottom : 4px;  
		clear: inherit;
		float: inherit;
		width: inherit;
	}

	 .contact dd {
		line-height : 1.8;
		padding-right : 10px;     
		padding-left : 0px;
		padding-bottom : 10px;  
		border-left: none;
		border-top: none;
		margin: 5px;
	}
	

}