/*common*/
/*------------------------------------------------------------------------------*/

.bg_about{
	background:url(../image/common/h2_about.png) no-repeat right center;
}

.bg_company{
	background:url(../image/common/h2_company.png) no-repeat right center;
}
.bg_industry{
	background:url(../image/common/h2_industry.png) no-repeat right center;
}
.bg_lineup{
	background:url(../image/common/h2_lineup.png) no-repeat right center;
}
.bg_purpose{
	background:url(../image/common/h2_purpose.png) no-repeat right center;
}
.bg_work{
	background:url(../image/common/h2_work.png) no-repeat right center;
}
.bg_catalog{
	background:url(../image/common/h2_catalog.png) no-repeat right center;
}
.bg_search{
	background:url(../image/common/db_subtitle02_bg.jpg) no-repeat right center;
}





/*about*/
/*------------------------------------------------------------------------------*/
.about_box ul{
	width:100%;
	vertical-align:top;
	background: url(../image/about_bg01.jpg) repeat-y center top;
}

	
	.about_box li{
		width:260px;
		margin-right:45px;
		display:block;
		float:left;
	}
	
		.about_box li:last-child{
			margin-right:0px;
		}
	
	
	
	.about_box li img{
		width:100%;
		height:auto;
		
	}
	.about_box_text{
		text-align:left;
		padding:10px;
	}



.about_box01 ul{
	width:100%;
	display:table;
}
	
	.about_box01 li{
		width:50%;
		padding-bottom:10px;
		display:block;
		float:left;
		border:1px solid #3A67B1;
		background:#EFEFEF;
	}
	
	
		.about_box01 li:nth-child(even){
			border-left:none;
		}
		.about_box01 li:nth-child(3),
		.about_box01 li:nth-child(4),
		.about_box01 li:nth-child(5),
		.about_box01 li:nth-child(6){
			border-top:none;
		}

	
	
	.about_box01 li h4{
		text-indent:10px;
	}

	.about_box01 li img{
		float:right;
		border-radius:9999px;
		margin:20px 10px 0px;
	}
	.about_box01_in{
		padding:10px 10px 0px;
	}
	
	
.about_box02 ul{
	width:100%;
	vertical-align:top;
	background: url(../image/about_bg01.jpg) repeat-y center top;
}

	
	.about_box02 li{
		width:260px;
		margin-right:45px;
		display:block;
		float:left;
	}
	
		.about_box02 li:last-child{
			margin-right:0px;
		}
	
	
	
@media only screen and (min-width:691px) and (max-width:979px) {

.about_box ul{
	width:100%;
	vertical-align:top;
	background:none;
}

	
	.about_box li{
		width:100%;
		margin-right:0px;
		display:block;
		float:none;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px dotted #CCCCCC;
		text-align:center;
	}
	
	.about_box li img{
		width:40%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		
	}


.about_box02 ul{
	width:100%;
	vertical-align:top;
	background: none;
}

	
	.about_box02 li{
		width:100%;
		margin-right:0;
		display:block;
		float:none;
	}

}

@media only screen and (max-width:690px) {
.about_box ul{
	width:100%;
	vertical-align:top;
	background:none;
}

	
	.about_box li{
		width:100%;
		margin-right:0px;
		display:block;
		float:none;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px dotted #CCCCCC;
		text-align:center;
	}
	
	.about_box li img{
		width:40%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		
	}

	.about_box01 li{
		width:100%;
		padding-bottom:10px;
		display:block;
		float:none;
		border:1px solid #3A67B1;
		background:#EFEFEF;
	}
	
	
		.about_box01 li:nth-child(even){
			border-left:1px solid #3A67B1;
		}
		.about_box01 li:nth-child(2),
		.about_box01 li:nth-child(3),
		.about_box01 li:nth-child(4),
		.about_box01 li:nth-child(5),
		.about_box01 li:nth-child(6){
			border-top:none;
		}



.about_box02 ul{
	width:100%;
	vertical-align:top;
	background: none;
}

	
	.about_box02 li{
		width:100%;
		margin-right:0;
		display:block;
		float:none;
	}
	

}


/*outline*/
/*------------------------------------------------------------------------------*/
.outline_box_first{
	width:100%;
	display:table;
	border:1px solid #3A67B1;
	border-bottom:none;
}


.outline_box{
	width:100%;
	display:table;
	border-left:1px solid #3A67B1;
	border-right:1px solid #3A67B1;
}

.outline_box01{
	font-size:120%;
	font-weight:bold;
	width:20%;
	background: #EFEFEF;
	color: #3A67B1;
	display:table-cell;
	vertical-align:middle;
	padding:10px;
	border-bottom:1px solid #3A67B1;
	border-right:1px solid #3A67B1;
	}


.outline_box02{
	width:80%;
	display:table-cell;
	vertical-align:middle;
	background:#fff;
	padding:10px;
	border-bottom:1px solid #3A67B1;
}

@media only screen and (max-width:690px) {
.outline_box{
	width:100%;
	display: block;
}
.outline_box01{
	width:100%;
	display: block;
	vertical-align:middle;
	padding:10px;
	border-bottom:none;
}


.outline_box02{
	width:100%;
	display: block;
	border-bottom:none;
}

}




/*product*/
/*--------------------------------------------------------------------------------*/


#product{
	width:100%;
	margin:0px auto 20px;
}


#product01,
#product02,
#product03{
	margin:0px auto 40px;
}


	#product_in{
		padding:10px;
		width:100%;
	}

	#product_top{
		padding:10px;
		width: auto;
		display:table;
	}
	
	#product_top h2{
		margin:0;
		padding:0px 0px 0px 0px;
		display:table-cell;
		vertical-align:bottom;
		
	}

		.product_en{
			background:url(../image/common/line_02.png) no-repeat right center;
			line-height:1;
			padding:0px 40px 0px 15px;
			display:table-cell;
			vertical-align:bottom;
		}
	.product_search{
		padding:0px 0px 0px 10px;
		display:table-cell;
		vertical-align:bottom;
		
	}
	
/*---*/


	#product_tit{
		width:100%;
		display: block;
		margin:0px auto 10px;
	}


	#product_tit ul{
		width:100%;
		display:table;
	}

	#product_tit li{
		display:table-cell;
	}


		#product_tit li a{
			color:#FFF;
			font-size:150%;
			font-weight:bold;
			padding:10px 0px 10px;
			background:url(../image/common/arr04.png) no-repeat center bottom;
			display:block;
		}

		.product_tit_box01{
			width:33.333%;
			background: #4D76B9;
			color:#FFF;
			border-right:1px solid #FFF;
			text-align:center;
			padding:10px 0px;
		}
		.product_tit_box02{
			width:33.333%;
			background: #3AB8A3;
			color:#FFF;
			border-right:1px solid #FFF;
			text-align:center;
			padding:10px 0px;
		}
		.product_tit_box03{
			display:table-cell;
			color:#FFF;
			background:#FF9B06;
			text-align:center;
			padding:10px 0px;
		}

/*---*/

	.product_lineup_box{
		width:33.333%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}
.product_lineup_box_in {
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    height: auto;
    float: left;
    min-height: 250px;
    width: 100%;
}


.product_lineup_box_main .product_lineup_box_in {
    float: none;
    height: 250px;
}


		.product_lineup_box_main{
			background: url(../image/common/top_bg01.png) no-repeat left top #3A67B1;
			color:#FFF;
			border:1px solid #3A67B1 !important;
			
			}


		.product_lineup_box_main h3{
			font-size:150%;
			font-weight:bold;
			text-align:center;
			}


		.product_lineup_tit{
			width:25%;
			float:left;
			border:1px solid #CCCCCC;
			}



	.product_caption{
		width:100%;
		display:table;
		vertical-align: middle;
		}

	.product_left{
		width:60%;
		display:table-cell;
		vertical-align: middle;
		font-size:120%;
		font-weight:bold;
		color:#3966B1;
		}

		.product_left a{
			color:#3966B1;
			}

	.product_right{
		width:40%;
		display:table-cell;
		vertical-align: middle;
		border-radius:9999px;
		}

		.product_right img{
			width:100%;
			height:auto;
			/*
			border-radius:9999px;
			*/
			}

	.product_center{
		width:100%;
		clear:both;
		padding-top:20px;
		}


	.product_btn{
		width:130px;
		display:block;
		float:right;
	}

		.product_btn a{
			width:auto;
			background:url(../image/common/line_01.png) no-repeat left center;
			padding:0px 10px 0px 30px;
			line-height:30px;
			color:#FFF;
		}

		.product_btn a:after{
			content:"";
			width:auto;
			background: url(../image/common/arr03.png) no-repeat center center;
			background-size: 7px auto;
			padding:0px 20px 0px 10px;
		}

/*---*/

	.product_industry_box{
		width:33.333%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}
	.product_industry_box_in{
		padding:0px;
		display:table-cell;
		vertical-align:middle;
		height:170px;
		
		}


		.product_industry_box_main{
			background: url(../image/common/top_bg02.png) no-repeat left top #3AB8A3;
			color:#FFF;
			border:1px solid #3AB8A3 !important;
			
			}

		.product_industry_box_main h3{
			font-size:150%;
			font-weight:bold;
			text-align:center;
			}


		.product_industry_tit{
			width:100%;
			text-align:center;
			color:#FFF;
			font-size:120%;
			background:url(../image/common/top_bg04.png);
			padding:10px;
			}

		.product_industry_tit a{
			color:#FFF;
			display:block;
			}

.product_industry_01, .product_industry_02, .product_industry_03, .product_industry_04, .product_industry_05, .product_industry_06, .product_industry_07, .product_industry_08, .product_industry_09, .product_industry_10, .product_industry_11, .product_industry_12 {
    background: url(../image/index_img14.jpg) no-repeat center center;
    background-size: 100%!important;
    height: 170px;
}

			.product_industry_02{
				background: url(../image/index_img15.jpg) no-repeat center center;
				}

			.product_industry_03{
				background: url(../image/index_img16.jpg) no-repeat center center;
				}


			.product_industry_04{
				background: url(../image/index_img17.jpg) no-repeat center center;
				}


			.product_industry_05{
				background: url(../image/index_img18.jpg) no-repeat center center;
				}


			.product_industry_06{
				background: url(../image/index_img19.jpg) no-repeat center center;
				}


			.product_industry_07{
				background: url(../image/index_img20.jpg) no-repeat center center;
				}


			.product_industry_08{
				background: url(../image/index_img21.jpg) no-repeat center center;
				}

			.product_industry_09{
				background: url(../image/index_img22.jpg) no-repeat center center;
				}
			.product_industry_10{
				background: url(../image/index_img23.jpg) no-repeat center center;
				}
			.product_industry_11{
				background: url(../image/index_img24.jpg) no-repeat center center;
				}
			.product_industry_12{
				background: url(../image/index_img25.jpg) no-repeat center center;
				}

/*---*/

	.product_purpose_box_main{
		width:100%;
		background: url(../image/common/top_bg03.png) no-repeat left top #FFF;
		color:#FF9B06;
		border-bottom:2px solid #FF9B06;
		display:block;
		
		}

		.product_purpose_box_main h3{
			font-size:150%;
			font-weight:bold;
			height:62px;
			padding:0px 10px 0px 70px;
			display:table-cell;
			vertical-align:middle;
			}




	.purpose_btn{
		display:table-cell;
		vertical-align:middle;
	}

		.purpose_btn a{
			width:auto;
			background:url(../image/common/line_03.png) no-repeat left center;
			padding:0px 10px 0px 30px;
			line-height:30px;
			color: #FF9B06;
		}

		.purpose_btn a:after{
			content:"";
			width:auto;
			background: url(../image/common/arr05.png) no-repeat center center;
			background-size: 7px auto;
			padding:0px 20px 0px 10px;
		}


.purpose_box{
	padding:25px 25px 10px;
	background:url(../image/common/top_bg05.jpg);
	display:block;
}



.product_purpose_box li{
	width:49%;
	float:left;
	margin-bottom:15px;
}

.product_purpose_box li:nth-child(even){
	width:49%;
	float:right;
}


.product_purpose_box table{
	width:100%;
	border:1px solid #CCCCCC;
}

.product_purpose_box table p{
	margin-bottom:0px;
}

.product_purpose_box table th{
	width:50px;
	padding:0;
	border:none;
	background: #FF9B06;
	color:#FFF;
	vertical-align:middle;
	text-align:center;
}

.product_purpose_box table td{
	width: auto;
	padding:5px;
	background:#FFF;
}

.product_purpose_box_in{
	width: auto;
	padding:5px 60px 5px 15px;
	border:none;
	background: url(../image/common/arr02.jpg) no-repeat right center;
  font-size:130%;
  vertical-align:middle;
}
	.product_purpose_box_in a{
		display:block;
	}


	
@media only screen and (min-width:691px) and (max-width:979px) {

/*product*/
/*--------------------------------------------------------------------------------*/


#product{
	width:94%;
	margin:20px auto;
}


#product01,
#product02,
#product03{
	margin:0px auto 40px;
}


	#product_in{
		padding:10px;
		width:100%;
	}

	#product_top{
		padding:0px;
		width: auto;
		display: block;
	}
	

	.product_search{
		width:100%;
		padding:10px 0px 0px 10px;
		display: block;
		vertical-align:bottom;
		
	}
	
	input[type=text]{
		padding:5px 2.5%;
		width:70%;
	}
	
	button[type=submit]{
		border:none;
		background:#4D76B9;
		padding:7px 2.5%;
		color:#FFF;
		width:20%;
		
	}
/*---*/

		#product_tit li a{
			padding:10px;
		}


/*---*/

	.product_lineup_box{
		width:50%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}
/*---*/

	.product_industry_box{
		width:50%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}



			.product_industry_01,
			.product_industry_02,
			.product_industry_03,
			.product_industry_04,
			.product_industry_05,
			.product_industry_06,
			.product_industry_07,
			.product_industry_08,
			.product_industry_09,
			.product_industry_10,
			.product_industry_11,
			.product_industry_12{
				height:100px;
				background-size:cover;
				}

/*---*/


.purpose_box{
	padding:25px 25px 10px;
	background:url(../image/common/top_bg05.jpg);
	display:block;
}



.product_purpose_box li{
	width:100%;
	float:none;
	margin-bottom:15px;
}

.product_purpose_box li:nth-child(even){
	width:100%;
	float:none;
}

.product_center {
     padding-top: 0px; 
}

}

@media only screen and (max-width:690px) {

/*product*/
/*--------------------------------------------------------------------------------*/


#product{
	width:94%;
	margin:20px auto;
}


#product01,
#product02,
#product03{
	margin:0px auto 40px;
}


	#product_in{
		padding:10px;
		width:100%;
	}

	#product_top{
		padding:0px;
		width: auto;
		display: block;
	}
	

	.product_search{
		width:100%;
		padding:10px 0px 0px 10px;
		display: block;
		vertical-align:bottom;
		
	}
	
	input[type=text]{
		padding:5px 2.5%;
		width:70%;
	}
	
	button[type=submit]{
		border:none;
		background:#4D76B9;
		padding:7px 2.5%;
		color:#FFF;
		width:20%;
		
	}
/*---*/

		#product_tit li a{
			padding:10px;
		}


/*---*/

	.product_lineup_box{
		width:50%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}
/*---*/

	.product_industry_box{
		width:50%;
		float:left;
		border:1px solid #CCCCCC;
		display:table;
		}
/*---*/


.purpose_box{
	padding:25px 25px 10px;
	background:url(../image/common/top_bg05.jpg);
	display:block;
}



.product_purpose_box li{
	width:100%;
	float:none;
	margin-bottom:15px;
}

.product_purpose_box li:nth-child(even){
	width:100%;
	float:none;
}

.product_lineup_box_main .product_lineup_box_in {
    height: 100px;
    float: none;
}
.outline_box01 {
    border-right: 0px solid #3A67B1;
}

.outline_box02 {
    border-bottom: 1px solid #3A67B1;
}


.product_lineup_box_in {
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    height: auto;
    float: left;
    min-height: auto;
    width: 100%;
}

.product_lineup_box {
    width: 100%;
    float: left;
    border: 1px solid #CCCCCC;
    display: table;
    min-height: auto;
}

.product_industry_01, .product_industry_02, .product_industry_03, .product_industry_04, .product_industry_05, .product_industry_06, .product_industry_07, .product_industry_08, .product_industry_09, .product_industry_10, .product_industry_11, .product_industry_12 {
    background-size: initial !important;
}


}

