@charset "utf-8";
/*--京home.css--*/
/* ##########PC########## */
.contents{
	border-top:1px solid #aaa;
	padding-top:80px;
}


.home_slide_box{
	height:380px;
	margin-bottom:70px;
	position:relative;
	/*いったん消す*/
	display:none;
}

	.home_slide_box .home_catch{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.obj_bg{
		background-position:center center;
		background-repeat:no-repeat;
		position:relative;
		height:380px;
		max-width:1820px;
		margin:0 auto;
	}
	
	
	/*hc1*/
	.obj1_bg{
		background-image:url(../../shared/home/cat1_1.png);
	}
	
		.obj1_2{
			position:absolute;
			top:110px;
			left:calc(50% - 490px);
		}
		
		.obj1_3{
			position:absolute;
			top:45px;
			left:calc(50% - 240px);
		}
		
		.obj1_4{
			position:absolute;
			top:110px;
			left:calc(50% + 230px);
		}
	
	/*hc2*/
	.obj2_bg{
		background-image:url(../../shared/home/cat2_1.png);
	}
	
		.obj2_2{
			position:absolute;
			top:40px;
			left:calc(50% - 385px);
		}
		
		.obj2_3{
			position:absolute;
			top:110px;
			left:calc(50% - 320px);
		}
		
		.obj2_4{
			position:absolute;
			top:110px;
			left:calc(50% + 70px);
		}
	
	/*hc3*/
	.obj3_bg{
		background-image:url(../../shared/home/cat3_1.png);
	}
		.obj3_2{
			position:absolute;
			top:110px;
			left:calc(50% - 50px);
			z-index:4;
		}
		
		.obj3_3{
			position:absolute;
			top:0;
			left:0;
			z-index:3;
		}
		
		.obj3_4{
			position:absolute;
			top:0;
			right:0;
			z-index:2;
		}
		
		.obj3_5{
			position:absolute;
			bottom:0;
			right:0;
			z-index:1;
		}
		
	.home_nav{
		margin-bottom:50px;
	}
		
		.home_nav ul{
			width:850px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
		}
		
			.home_nav ul li{
				width:400px;
				height:200px;
				background:#ccc;
			}
			
			.home_nav ul li a{
				display:flex;
				justify-content:flex-end;
				align-items:center;
				width:100%;
				height:100%;
				padding-right:20px;
				box-sizing:border-box;
				text-decoration:none;
				transition:.3s all ease;
			}
			
			.home_nav ul li a span{
				display:inline-block;
				background:rgba(0,80,150,0.9);
				color:#fff;
				font-size:1.6em;
				font-weight:bold;
				padding:0.5em 0.6em;
				box-shadow:0 0 5px 5px rgba(0,0,0,0.3);
				border:1px solid rgba(255,255,255,1);
			}
			
			.home_nav ul li a:hover{
				opacity:0.8;
			}
			
			.home_nav ul li.hn_company a{
				background-image:url(../../shared/cn/home/bg_c_company.jpg);
				background-repeat:no-repeat;
				background-position:center bottom;
				background-size:cover;
			}
			
			.home_nav ul li.hn_sp2 a{
				background-image:url(../../shared/cn/home/bg_c_sp2.jpg);
				background-repeat:no-repeat;
				background-position:center bottom;
				background-size:cover;
			}
			

			
			

/* ##########SP########## */
@media screen and (max-width:479px) {
	.contents{
		padding-top:2em;
	}
	
	.home_slide_box{
		height:50vw;
		margin-bottom:8vw;
	}
	
		.home_slide_box img{
			max-width:100%;
			height:auto;
		}
	
		.obj_bg{
			height:45vw;
			max-width:auto;
			max-width:initial;
			width:100%;
			background-size:auto 100%;
		}
		
		
		/*hc1*/
		.obj1_2{
			top:auto;
			left:auto;
			right:2%;
			bottom:5%;
			width:28%;
		}
			
		.obj1_3{
			top:15%;
			width:50%;
			left:25%;
		}
		
		.obj1_4{
			top:auto;
			left:2%;
			bottom:5%;
			width:28%;
		}
		
		/*hc2*/
		.obj2_2{
			top:10%;
			left:5%;
			width:90%;
		}
			
			.obj2_3{
				top:auto;
				bottom:10%;
				left:15%;
				width:30%;
			}
			
			.obj2_4{
				top:auto;
				bottom:10%;
				left:auto;
				right:15%;
				width:30%;
			}
		
		/*hc3*/
		.obj3_2{
			top:10%;
			left:5%;
			width:50%;
		}
			
			.obj3_3{
				top:auto;
				bottom:0;
				left:0;
				width:50%;
			}
			
			.obj3_4{
				width:60%;
			}
			
			.obj3_5{
				width:45%;
			}
			
	.home_nav{
		margin-bottom:0;
	}
		
		.home_nav ul{
			width:100%;
			margin:0;
			padding:0 3vw;
			box-sizing:border-box;
			display:block;
		}
		
			.home_nav ul li{
				width:100%;
				height:48vw;
				margin-bottom:5vw;
			}
			
			.home_nav ul li:last-child{
				margin-bottom:0;
			}
			
			.home_nav ul li a{
				padding-right:5vw;
			}
			


}

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

}