@charset "utf-8";
/*--京service.css--*/
/* ##########PC########## */
.service_div_title{
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin-bottom:4em;
	position:relative;
}

	.service_div_title h2{
		height:245px;
		position:absolute;
		top:46px;
		left:calc(50% - 470px);
	}
	
		.service_div_title h2 img{
			max-height:100%;
			width:auto;
		}


.service_box{
	}


.service_intro_msg{
	margin-bottom:0.5em;
}

	.content_body .service_intro_msg .sim1{
		font-size:1.4em;
		text-align:center;
		line-height:2;
		font-weight:bold;
		color:#444;
		letter-spacing:0.08em;
		padding-bottom:1em;
		margin-bottom:1.4em;
		position:relative;
		box-shadow:0 5px 5px -5px rgba(0,0,0,0.2);
	}
	
		.content_body .service_intro_msg .sim1:after{
			content:"";
			display:block;
			width:100%;
			height:1px;
			position:absolute;
			bottom:0;
			left:0;
			background: rgba(123,166,235,1);
			background: -moz-linear-gradient(left, rgba(123,166,235,1) 0%, rgba(29,33,135,1) 50%, rgba(123,166,235,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(123,166,235,1)), color-stop(50%, rgba(29,33,135,1)), color-stop(100%, rgba(123,166,235,1)));
			background: -webkit-linear-gradient(left, rgba(123,166,235,1) 0%, rgba(29,33,135,1) 50%, rgba(123,166,235,1) 100%);
			background: -o-linear-gradient(left, rgba(123,166,235,1) 0%, rgba(29,33,135,1) 50%, rgba(123,166,235,1) 100%);
			background: -ms-linear-gradient(left, rgba(123,166,235,1) 0%, rgba(29,33,135,1) 50%, rgba(123,166,235,1) 100%);
			background: linear-gradient(to right, rgba(123,166,235,1) 0%, rgba(29,33,135,1) 50%, rgba(123,166,235,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ba6eb', endColorstr='#7ba6eb', GradientType=1 );
		}
		
		.content_body .service_intro_msg .sim1 strong{
			display:inline-block;
			position:relative;
			z-index:1;
			padding:0 0.3em;
			color:#222;
		}
		
			.content_body .service_intro_msg .sim1 strong:before{
				content:"";
				background:#fff09e;
				position:absolute;
				bottom:0.4em;
				left:0;
				z-index:-1;
				width:100%;
				height:0.4em;
			}
	
	.service_intro_msg .sim2{
		font-size:1.1em;
		text-align:center;
		line-height:2;
	}


.fig_service_wrapper{
	margin:4em 0 0 0;
	position:relative;
}


	.fig_service{
		position:relative;
		z-index:1;
		top:0;
		left:0;
	}

		.fig_service img{
			max-width:100%;
			height:auto;
		}
	
	.service_list{
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
		.service_list ul{
			position:relative;
			width:100%;
			height:100%;
		}
		
			.service_list ul li{
				position:absolute;
			}
			
			.service_list ul li.d_medical_equipment{
				width: 20%;
				height: 19.5%;
				top: 0.5%;
				left: 19%;
			}
			
			.service_list ul li.d_physics_and_chemistry{
				width: 20%;
				height: 12%;
				bottom: 1%;
				left: 10.5%;
			}
			
			.service_list ul li.d_repair{
				width: 19%;
				height: 12%;
				top: 48%;
				left: 40%;
			}
			
			.service_list ul li.d_product{
				width: 18%;
				height: 12%;
				bottom: 1%;
				right: 18%;
			}
			
			/*
			.service_list ul li.d_drone{
				width: 17%;
				height: 12%;
				top: 7.5%;
				right: 9%;
			}
			*/

			.service_list ul li.d_drone {
				width: 15%;
				height: 12%;
				top: 7.5%;
				right: 11.5%;
			}
			
				.service_list ul li a{
					display:block;
					width:100%;
					height:100%;
					text-indent:-9999px;
					position:relative;
				}
				
					.service_list ul li a:before{
						box-sizing:border-box;
						content:"";
						display:block;
						width:100%;
						height:100%;
						/*border:2px solid rgba(17,68,157,0.6);*/
						background:rgba(17,68,157,0.05);
						position:absolute;
						top:0;
						left:0;
						transform:scale(0,0);
						transform-origin:left top;
						opacity:0;
						transition:.3s all ease;
					}
					
						.service_list ul li a:hover:before{
							box-shadow:2px 2px 0 0 rgba(17,68,157,0.5);
							transform:scale(1,1);
							opacity:1;
						}
				
					.service_list ul li a:hover{}
					


.page_sub_nav{
	margin-top:5em;
}

	.page_sub_nav ul{
		display:flex;
		justify-content:center;
	}
	
		.page_sub_nav ul li{
			border-right:1px solid #aaa;
			padding:0 1em;
		}
		
		.page_sub_nav ul li:last-child{
			border-right:none;
		}
		
			.page_sub_nav ul li a{
				text-decoration:none;
				display:inline-block;
				position:relative;
				padding:0.3em 0 0.4em;
			}
			
			.page_sub_nav ul li.active a{
				font-weight:bold;
				color:#11449d;
			}
			
			.page_sub_nav ul li a:hover{}
			
			.page_sub_nav ul li a:before{
				content:"";
				display:block;
				border-bottom:1px solid #11449d;
				position:absolute;
				left:0;
				bottom:0;
				width:100%;
				height:0;
				opacity:0;
				transform:scaleX(0);
				transform-origin:left bottom;
				transition:.3s all ease;
			}
			
			.page_sub_nav ul li a:hover:before,
			.page_sub_nav ul li.active a:before{
				opacity:1;
				transform:scaleX(1);
			}


/* ##########SP########## */
@media screen and (max-width:479px) {
	
.service_box {
	
}

	.service_div_title{
		height:30vw;
		background-size:auto 100%;
		margin-bottom:2em;
	}
	
		.service_div_title h2{
			height:28vw;
			top:1vw;
			left:5vw;
		}
	
	.service_intro_msg{
		margin-bottom:0;
	}
	
		.content_body .service_intro_msg .sim1{
			font-size:1.2em;
			line-height:1.7;
		}
		
		.service_intro_msg .sim2{
			font-size:1.05em;
			text-align:left;
			line-height:1.6;
			padding:0 4vw;
		}
		
	.fig_service_wrapper{
		margin-top:1.5em;
	}
	
	.page_sub_nav{
		margin-top:2em;
	}
	
		.page_sub_nav ul{
			flex-wrap:wrap;
			justify-content:flex-start;
		}
		
			.page_sub_nav ul li{
				box-sizing:border-box;
				width:50%;
				border-right:1px solid #aaa;
				padding:0 0.5em;
				margin-bottom:1vw;
			}
			
			.page_sub_nav ul li:last-child{
				border-right:1px solid #aaa;
			}
			
			.page_sub_nav ul li:nth-child(2n){
				border-right:none;
			}
			
				.page_sub_nav ul li a{
					box-sizing:border-box;
					display:flex;
					justify-content:center;
					align-items:center;
					padding:0.3em 0 0.4em;
					height:100%;
				}
	
}

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



}