@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
.page_content{
	background-color: #e6f0fc;
	background-image:url(../../shared/bg_slanting.png);
	padding: 100px 0 0 0;
}

/*共通*/
.technology_box{
	width:960px;
	background:#fff;
	box-sizing:border-box;
	margin:0 auto;
	padding:60px 50px;
}

	.technology_box > .box_header{
		margin-bottom:2em;
	}
	
		.technology_box > .box_header h3{
			font-size:1.8em;
			font-weight:bold;
			color:#212121;
		}
		
	.technology_box > .box_inner{
		padding:0 20px 55px 20px;
	}
	
	.technology_box > .box_footer{
		position:relative;
	}
	
		.technology_box > .box_footer .prd_list_title{
			position:relative;
			text-align:center;
		}
		
			.technology_box > .box_footer .prd_list_title:before,
			.technology_box > .box_footer .prd_list_title:after{
				content:"";
				position:absolute;
				bottom:0;
				z-index:1;
				display:block;
				width:calc(50% - 9em);
				height:0;
				border-bottom:1px solid #004f92;
			}
		
			.technology_box > .box_footer .prd_list_title:before{
				left:0;
			}
		
			.technology_box > .box_footer .prd_list_title:after{
				right:0;
			}
	
			.technology_box > .box_footer .prd_list_title h4{
				display:inline-block;
				padding:0 1em;
				color:#004f92;
				font-size:1.4em;
				font-weight:bold;
				background:#fff;
				position:relative;
				top:0;
				right:0;
				left:0;
				z-index:2;
				margin:auto;
				transform:translateY(0.5em);
			}
		
		.technology_box > .box_footer ul{
			position:relative;
			z-index:1;
			display:flex;
			justify-content:center;
			border:1px solid #004f92;
			border-top:none;
			padding:30px 10px 10px 10px;
		}
		
			.technology_box > .box_footer ul li{
				margin-right:20px;
			}
			
			.technology_box > .box_footer ul li:last-child{
				margin-right:0;
			}
			
				.technology_box > .box_footer ul li a,
				.technology_box > .box_footer ul li span{
					display:block;
				}
				
				.technology_box > .box_footer ul li a{
					color:#222;
					text-decoration:none;
					padding:20px 10px;
					border:1px solid rgba(0,79,146,0);
					transition:.3s all ease;
				}
				
				.technology_box > .box_footer ul li a:hover{
					border:1px solid rgba(0,79,146,0.5);
				}
				
			
					.technology_box > .box_footer ul li a .prd_img{
						text-align:center;
						margin-bottom:0.8em;
						transition:.3s all ease;
					}
					
					.technology_box > .box_footer ul li a:hover .prd_img{
						transform:translateY(-5px);
						opacity:0.8;
					}
				
					.technology_box > .box_footer ul li .prd_img img{
						height:95px;
						width:auto;
					}
				
				.technology_box > .box_footer ul li .prd_name{
					line-height:1.5;
					text-align:center;
				}

/*-----各技術-----*/
/*コア技術 温度補正技術*/
.technology_box.technology1{
	margin-bottom:50px;
}

	.technology_box.technology1 > .box_header h3{
		border-left:5px solid #ba5f64;
		padding:0.2em 0 0.1em 0.5em;
	}
	
	.technology_box.technology1 > .box_inner .tech_exp{
		display:flex;
		margin-bottom:2em;
	}
	
		.technology_box.technology1 > .box_inner .tech_exp p{
			font-size:1.05em;
			line-height:1.8;
		}
		
		.technology_box.technology1 > .box_inner .tech_exp .tech_img{
			padding-left:30px;
		}
		
	.technology_box.technology1 > .box_inner .about_saver_pro{
		box-sizing:border-box;
		padding:0.8em 30px 0 30px;
		height:92px;
		background-image:
			url(../../shared/technology/bg_kakko_l.png),
			url(../../shared/technology/bg_kakko_r.png);
		background-position:
			left top,
			right top;
		background-repeat:
			no-repeat,
			no-repeat;
		margin-bottom:2em;
        background-size: 1.3em;
	}
	
		.technology_box.technology1 > .box_inner .about_saver_pro p{
			color:#407AAE;
			line-height:1.6;
		}
		
	.features_saver_pro{
		display:flex;
		justify-content:space-between;
	}
	
		.features_saver_pro .feature_box{
			border:1px solid #bbb;
			width:400px;
			box-sizing:border-box;
			padding:20px 15px 10px 15px;
		}
		
		.features_saver_pro .feature_box.feature1{}
		
			.features_saver_pro .feature_box.feature1 .feature_fig{
				text-align:center;
				margin-bottom:1em;
			}
			
			.features_saver_pro .feature_box.feature1 .feature_text{}
			
				.features_saver_pro .feature_box.feature1 .feature_text p{
					line-height:1.6;
				}
				
		.features_saver_pro .feature_box.feature2{}
		
			.features_saver_pro .feature_box.feature2 .fig_exp{
				margin-bottom:1em;
				display:flex;
			}
			
				.features_saver_pro .feature_box.feature2 .fig_exp dl{
					padding:0 10px 0 0;
				}
			
				.features_saver_pro .feature_box.feature2 .fig_exp dl dt{
					font-size:1.2em;
					margin-bottom:0.3em;
					line-height:1.5;
				}
				
				.features_saver_pro .feature_box.feature2 .fig_exp dl dd{
					font-size:0.9em;
					line-height:1.5;
				}
			
				.features_saver_pro .feature_box.feature2 .feature_text p{
					line-height:1.6;
				}
				
				.features_saver_pro .feature_box.feature2 .feature_text p.graph_exp{
					font-size:0.9em;
					line-height:1.5;
					margin-top:0.5em;
				}
				
					.features_saver_pro .feature_box.feature2 .feature_text p .fc_blue{
						color:#265EAA;
					}
					
					.features_saver_pro .feature_box.feature2 .feature_text p .fc_red{
						color:#EE1C23;
					}
					
/*NEDOイノベーション推進事業*/
.technology_box.technology2{}

	.technology_box.technology2 > .box_header h3{
		border-left:5px solid #004E93;
		padding:0.2em 0 0.1em 0.5em;
	}
	
	.technology_box.technology2 > .box_inner .tech_exp{
		font-size: 1.05em;
		line-height: 1.8;
		margin-bottom:2em;
	}
	
		.technology_box.technology2 > .box_inner .tech_exp p{
			margin-bottom:1em;
		}
		
		.technology_box.technology2 > .box_inner .tech_exp p:last-child{
			margin-bottom:0;
		}
		
	.technology_box.technology2 > .box_inner .tech2_imgs{}
	
		.technology_box.technology2 > .box_inner .tech2_imgs ul{
			display:flex;
			justify-content:center;
		}
		
			.technology_box.technology2 > .box_inner .tech2_imgs ul li{
				margin-right:36px;
			}
			
			.technology_box.technology2 > .box_inner .tech2_imgs ul li:last-child{
				margin-right:0;
			}
			
				.technology_box.technology2 > .box_inner .tech2_imgs ul li .tech2_img{
					margin-bottom:1.5em;
				}
				
				.technology_box.technology2 > .box_inner .tech2_imgs ul li .tech2_img_text{
					text-align:center;
				}

/*tech_development_box*/
.tech_development_box{
	margin-top:100px;
	background:#fff;
	padding:80px 0;
	text-align:center;
}

	.tech_development_box > .box_header{
		margin-bottom:1.5em;
	}
	
		.tech_development_box > .box_header h3{
			background:#00197d;
			color:#fff;
			padding:0.6em 0.5em 0.5em 0.5em;
			display:inline-block;
			font-size:1.5em;
			margin-bottom:2em;
		}
		
		.tech_development_box > .box_header p{
			font-size:2.2em;
			line-height:1.8;
			color:#292929;
		}
		
	.tech_development_box > .box_inner{
		line-height:1.8;
		font-size:1.1em;
	}
	


/* ##########SP########## */
@media screen and (max-width:479px) {
	.page_content{
		padding:6vw 0 0 0;
	}
	
	/*共通*/
	.technology_box{
		width:calc(100% - 6vw);
		margin:0 auto;
		padding:4vw 3vw;
		box-sizing:border-box;
	}
	
		.technology_box > .box_header{
			margin-bottom:1em;
		}
		
			.technology_box > .box_header h3{
				font-size:4.4vw;
			}
			
		.technology_box > .box_inner{
			padding:0 3vw 3vw 3vw;
		}
		
		.technology_box > .box_footer{
			position:relative;
			margin-top:1em;
		}
		
			.technology_box > .box_footer .prd_list_title{
				position:relative;
				text-align:center;
			}
			
				.technology_box > .box_footer .prd_list_title h4{
					font-size:1.1em;
				}
			
			.technology_box > .box_footer ul{
				display:block;
				padding:2.5vw 2vw 1vw 2vw;
			}
			
				.technology_box > .box_footer ul li{
					margin-right:0;
					margin-bottom:0.5em;
					padding:0;
					border-bottom:1px dotted #ccc;
				}
				
				.technology_box > .box_footer ul li:last-child{
					margin-bottom:0;
					border-bottom:none;
				}
				
					.technology_box > .box_footer ul li a{
						display:flex;
						align-items:center;
						padding:2vw;
					}
				
					.technology_box > .box_footer ul li a .prd_img{
						text-align:center;
						margin-bottom:0;
					}
					
						.technology_box > .box_footer ul li .prd_img img{
							height:10vw;
							width:auto;
						}
					
					.technology_box > .box_footer ul li .prd_name{
						line-height:1.3;
						font-size:0.9em;
						padding-left:1.5em;
					}
	
	/*-----各技術-----*/
	/*コア技術 温度補正技術*/
	.technology_box.technology1{
		margin-bottom:8vw;
	}
	
		.technology_box.technology1 > .box_inner .tech_exp{
			display:block;
		}
		
			.technology_box.technology1 > .box_inner .tech_exp p{
				font-size:1em;
			}
			
			.technology_box.technology1 > .box_inner .tech_exp .tech_img{
				padding-left:0;
				margin-top:1em;
				text-align:center;
			}
			
		.technology_box.technology1 > .box_inner .about_saver_pro{
			box-sizing:border-box;
			height:auto;
			background-image:none;
			margin-bottom:2em;
			position:relative;
			padding:1vw 3vw;
		}
		
			.technology_box.technology1 > .box_inner .about_saver_pro:before,
			.technology_box.technology1 > .box_inner .about_saver_pro:after{
				content:"";
				display:block;
				height:100%;
				width:1.5vw;
				position:absolute;
				box-sizing:border-box;
			}
			
			.technology_box.technology1 > .box_inner .about_saver_pro:before{
				top:0;
				left:0;
				border-top:1px solid #a6c1d9;
				border-left:1px solid #a6c1d9;
				border-bottom:1px solid #a6c1d9;
			}
			
			.technology_box.technology1 > .box_inner .about_saver_pro:after{
				top:0;
				right:0;
				border-top:1px solid #a6c1d9;
				border-right:1px solid #a6c1d9;
				border-bottom:1px solid #a6c1d9;
			}
			
		.features_saver_pro{
			display:block;
		}
		
			.features_saver_pro .feature_box{
				width:100%;
				box-sizing:border-box;
				padding:3vw;
			}
			
			.features_saver_pro .feature_box.feature1{
				margin-bottom:5vw;
			}
			
				.features_saver_pro .feature_box.feature1 .feature_fig img{
					max-width:100%;
					height:auto;
				}
				
				.features_saver_pro .feature_box.feature2 .fig_exp{
					display:block;
				}
				
					.features_saver_pro .feature_box.feature2 .fig_exp dl{
						padding:0;
						margin-bottom:1em;
					}
				
					.features_saver_pro .feature_box.feature2 .fig_exp dl dt{
						font-size:1.1em;
					}
					
						.features_saver_pro .feature_box.feature2 .fig_exp dl dt br{
							display:none;
						}
					
				.features_saver_pro .feature_box.feature2 .feature_fig{
					text-align:center;
				}
				
					.features_saver_pro .feature_box.feature2 .feature_fig img{
						max-width:100%;
						height:auto;
					}
						
	/*NEDOイノベーション推進事業*/
		.technology_box.technology2 > .box_inner .tech_exp{
			font-size: 1em;
			line-height: 1.8;
		}
		
		.technology_box.technology2 > .box_inner .tech2_imgs{}
		
			.technology_box.technology2 > .box_inner .tech2_imgs ul{
				justify-content:center;
				flex-wrap:wrap;
			}
			
				.technology_box.technology2 > .box_inner .tech2_imgs ul li{
					margin-right:3vw;
					width:calc((100% - 3vw) / 2);
					margin-bottom:1em;
				}
				
				.technology_box.technology2 > .box_inner .tech2_imgs ul li:last-child,
				.technology_box.technology2 > .box_inner .tech2_imgs ul li:nth-child(even){
					margin-right:0;
				}
				
					.technology_box.technology2 > .box_inner .tech2_imgs ul li .tech2_img{
						margin-bottom:0.5em;
					}
					
						.technology_box.technology2 > .box_inner .tech2_imgs ul li .tech2_img img{
							max-width:100%;
							height:auto;
						}
					
					.technology_box.technology2 > .box_inner .tech2_imgs ul li .tech2_img_text{
						font-size:0.9em;
						line-height:1.2;
						text-align:left;
					}
					
	/*tech_development_box*/
	.tech_development_box{
		margin-top:3em;
		padding:2em 0;
	}
	
		.tech_development_box > .box_header{
			margin-bottom:1.2em;
		}
		
			.tech_development_box > .box_header h3{
				font-size:4.2vw;
				margin-bottom:1.2em;
			}
			
			.tech_development_box > .box_header p{
				font-size:5vw;
				line-height:1.6;
			}
			
		.tech_development_box > .box_inner{
			font-size:1em;
			padding:0 4vw;
			text-align:left;
		}
	
	


}

/* ##########印刷用########## */
@media print{

}