@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_product_box{
	margin-bottom:80px;
}

	.home_product_box > .box_header{
		text-align:center;
		margin-bottom:40px;
	}
	
		.home_product_box > .box_header h2{
			font-family: 'Saira Semi Condensed', sans-serif;
		}
		
			.home_product_box > .box_header h2 a{
				color:#00197d;
				text-decoration:none;
				font-size:2.4em;
				font-weight:bold;
				letter-spacing:0.05em;
			}
	
	.home_product_box > .box_inner{
		margin-bottom:50px;
		display:flex;
		justify-content:center;
		background-color: #e6f0fc;
		background-image: url(../../shared/products/bg_product_detail_start_box.png);
		padding: 40px 0;
	}
	
		.home_product_box > .box_inner dl{
			margin-right:30px;
			background:#fff;
			padding:30px;
		}
		
		.home_product_box > .box_inner dl:last-child{
			margin-right:0;
		}
		
			.home_product_box > .box_inner dl dt{
				margin-bottom:0.5em;
				font-size:1.8em;
				font-weight:bold;
				font-family:'Saira Semi Condensed', sans-serif;
				color:#222;
				position:relative;
				padding-left:0.7em;
			}
			
				.home_product_box > .box_inner dl dt:before{
					content:"";
					position:absolute;
					top:0;
					left:0;
					display:block;
					height:1em;
					width:0.25em;
					background:#ccc;
					transform:skewX(-20deg);
				}
				
				.home_product_box > .box_inner dl.for_natural_gas dt:before{
					background:#bc5d65;
				}
				
				.home_product_box > .box_inner dl.for_lpg dt:before{
					background:#018c91;
				}
				
				.home_product_box > .box_inner dl.for_industry dt:before{
					background:#6d8e00;
				}
			
			.home_product_box > .box_inner dl dd{}
			
				.home_product_box > .box_inner dl dd ul{
					display:flex;
					justify-content:center;
					margin-top:1.5em;
				}
				
					.home_product_box > .box_inner dl dd ul li{
						margin-right:10px;
					}
					
					.home_product_box > .box_inner dl.for_industry dd ul li{
						margin-right:15px;
					}
					
					.home_product_box > .box_inner dl dd ul li:last-child,
					.home_product_box > .box_inner dl.for_industry dd ul li:last-child{
						margin-right:0;
					}
					
						.home_product_box > .box_inner dl dd ul li a{
							display:block;
							text-align:center;
							text-decoration:none;
						}
						
						.home_product_box > .box_inner dl dd ul li a span{
							display:block;
						}
						
						.home_product_box > .box_inner dl dd ul li a .prd_img{
							margin-bottom:10px;
						}
						
							.home_product_box > .box_inner dl dd ul li a .prd_img img{
								height:90px;
								width:auto;
							}
						
						.home_product_box > .box_inner dl dd ul li a .prd_name{
							color:#333;
							font-size:1.1em;
							font-weight:bold;
						}
				
				
.home_news_box{
	width:900px;
	margin:0 auto 80px auto;
}

	.home_news_box > .box_header{
		margin-bottom:16px;
	}
	
		.home_news_box > .box_header h2{
			font-family: 'Saira Semi Condensed', sans-serif;
			text-align:center;
			color: #00197d;
			text-decoration: none;
			font-size: 2.4em;
			font-weight: bold;
			letter-spacing: 0.05em;
		}
	
	.home_news_box > .box_inner{
		margin-bottom:35px;
	}
	
		.home_news_box > .box_inner ul{
			display:flex;
		}
		
			.home_news_box > .box_inner ul li{
				padding:0.8em 1.2em;
				width:calc(100% / 3);
				box-sizing:border-box;
				border-right:1px dotted #aaa;
			}
			
			.home_news_box > .box_inner ul li:last-child{
				border-right:none;
			}
			
			
				.home_news_box > .box_inner ul li .entry_date{
					margin-bottom:0.5em;
					border-left:4px solid #00197d;
					padding-left:0.5em;
				}
				
				.home_news_box > .box_inner ul li .entry_detail{
					line-height:1.6;
					font-size:1.1em;
				}
				
					.home_news_box > .box_inner ul li .entry_detail p{
						margin-bottom:0.8em;
					}
				
					.home_news_box > .box_inner ul li .entry_detail .img_box{
						text-align:center;
						margin-top:1em;
					}
					
	.home_news_box > .box_footer{
		text-align:center;
	}
	
		.home_news_box > .box_footer a{
			display:inline-flex;
			justify-content:center;
			align-items:center;
			box-sizing:border-box;
			border:1px solid #a4a4a4;
			width:260px;
			height:40px;
			border-radius:20px;
			color:#333;
			text-decoration:none;
			letter-spacing:0.1em;
			padding-left:0.1em;
			font-size:1.05em;
		}
		
.home_contents_box{
	margin-bottom:75px;
}

	.home_contents_box > .box_inner{
		width:980px;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	
	.home_contents_box > .box_inner .support_box{
		width:480px;
		height:360px;
		box-sizing:border-box;
		background-image:url(../../shared/home/bg_c_support.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		padding-top:65px;
	}
	
		.home_contents_box > .box_inner .support_box > .box_header{
			text-align:center;
			margin-bottom:35px;
		}
		
			.home_contents_box > .box_inner .support_box > .box_header h2{
				margin-bottom:20px;
			}
		
		.home_contents_box > .box_inner .support_box > .box_inner{}
		
			.home_contents_box > .box_inner .support_box > .box_inner ul{
				display:flex;
				justify-content:space-between;
				width:452px;
				margin:0 auto;
			}
			
				.home_contents_box > .box_inner .support_box > .box_inner ul li{}
				
					.home_contents_box > .box_inner .support_box > .box_inner ul li a{
						display:flex;
						justify-content:center;
						align-items:center;
						text-decoration:none;
						background:#fff;
						width:140px;
						height:140px;
						box-shadow:0 0 1px 1px rgba(0,0,0,0.2);
					}
	
	.home_contents_box > .box_inner .company_box{
		width:480px;
		height:360px;
	}
	
		.home_contents_box > .box_inner .company_box > .box_inner ul{
			display:flex;
			flex-wrap:wrap;
		}
		
			.home_contents_box > .box_inner .company_box > .box_inner ul li{
				height:180px;
			}
			
			.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_recruit{
				width:100%;
			}
			
			.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_company{
				width:50%;
			}
			
			.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_sdgs{
				width:50%;
			}
			
				.home_contents_box > .box_inner .company_box > .box_inner ul li a{
					display:flex;
					justify-content:center;
					align-items:center;
					width:100%;
					height:100%;
					background-position:center center;
					background-size:contain;
				}
				
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_recruit a{
						background-image:url(../../shared/home/bg_c_recruit.jpg);

					}
					
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_company a{
						background-image:url(../../shared/home/bg_c_company.jpg);

					}
					
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_sdgs a{
						background-image:url(../../shared/home/bg_c_sdgs.png);
					}

.home_bns_box{
	margin-bottom:105px;
}

	.home_bns_box > .box_inner ul{
		display:flex;
		justify-content:space-between;
		width:980px;
		margin:0 auto;
	}
	
		.home_bns_box > .box_inner ul li a{
			display:inline-block;
			transition:.3s all ease;
		}
		
		.home_bns_box > .box_inner ul li a:hover{
			opacity:0.7;
		}
	
.home_contact_box{
	height:280px;
	background-image:url(../../shared/home/bg_contact.jpg);
	background-size:cover;
	box-sizing:border-box;
	padding-top:40px;
}

	.home_contact_box > .box_header{
		margin-bottom:30px;
	}
	
		.home_contact_box > .box_header h2{
			text-align:center;
		}
		
	.home_contact_box > .box_inner{
		margin-bottom:40px;
	}
	
		.home_contact_box > .box_inner ul{
			display:flex;
			justify-content:center;
			align-items:center;
		}
		
			.home_contact_box > .box_inner ul li.contact_tel{
				margin-right:20px;
			}
			
			.home_contact_box > .box_inner ul li.contact_mail{
				background:#fff;
			}
			
				.home_contact_box > .box_inner ul li.contact_mail a{
					display:flex;
					justify-content:center;
					align-items:center;
					width:300px;
					height:50px;
					background:#333;
					transition:.3s all ease;
				}
				
				.home_contact_box > .box_inner ul li.contact_mail a:hover{
					opacity:0.9;
				}
				
	.home_contact_box > .box_footer{
		text-align:center;
		font-size:1.1em;
		color:#222;
	}
			
	


/* ##########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_product_box{
	margin-bottom:8vw;
}

	.home_product_box > .box_header{
		margin-bottom:1em;
	}
	
			.home_product_box > .box_header h2 a{
				font-size:6.5vw;
			}
	
	.home_product_box > .box_inner{
		margin-bottom:0;
		display:block;
		padding: 5vw 0;
	}
	
		.home_product_box > .box_inner dl{
			margin:0 4vw 4vw 4vw;
			background:#fff;
			padding:4vw;
		}
		
		.home_product_box > .box_inner dl:last-child{
			margin-right:4vw;
		}
		
			.home_product_box > .box_inner dl dt{
				font-size:5.5vw;
			}
			
			.home_product_box > .box_inner dl dd ul li{
				margin-right:4vw;
				width:calc((100% - 4vw) / 2);
			}
			
			.home_product_box > .box_inner dl.for_industry dd ul li{
				margin-right:4vw;
			}
					
			.home_product_box > .box_inner dl dd ul li:last-child,
			.home_product_box > .box_inner dl.for_industry dd ul li:last-child{
				margin-right:0;
			}
					
				.home_product_box > .box_inner dl dd ul li a .prd_img{
					margin-bottom:1em;
				}
						
				.home_product_box > .box_inner dl dd ul li a .prd_img img{
					height:25vw;
					width:auto;
				}
						
						.home_product_box > .box_inner dl dd ul li a .prd_name{
							color:#333;
							font-size:1.1em;
							font-weight:bold;
						}
			
.home_news_box{
	width:100%;
	box-sizing:border-box;
	padding:0 3vw;
	margin:0 auto 6vw auto;
}

	.home_news_box > .box_header{
		margin-bottom:1em;
	}
	
		.home_news_box > .box_header h2{
			font-size: 6.5vw;
		}
	
	.home_news_box > .box_inner{
		margin-bottom:2em;
	}
	
		.home_news_box > .box_inner ul{
			display:block;
		}
		
			.home_news_box > .box_inner ul li{
				padding:1em 0.8em;
				width:100%;
				border-right:none;
				border-bottom:1px dotted #aaa;
			}
			
			.home_news_box > .box_inner ul li:last-child{
				border-right:none;
			}
			
			
				.home_news_box > .box_inner ul li .entry_date{
					border-left:1vw solid #00197d;
				}
				
				.home_news_box > .box_inner ul li .entry_detail{
					line-height:1.4;
					font-size:1em;
				}
				
		.home_news_box > .box_footer a{
			width:60vw;
			height:10vw;
			border-radius:5vw;
		}
			
	.home_contents_box{
		margin-bottom:8vw;
	}
	
		.home_contents_box > .box_inner{
			width:auto;
			display:block;
		}
		
		.home_contents_box > .box_inner .support_box{
			width:100%;
			height:auto;
			padding:6vw 0;
			background-size:cover;
			background-position:center bottom;
			margin-bottom:5vw;
		}
		
			.home_contents_box > .box_inner .support_box > .box_header{
				margin-bottom:4vw;
			}
			
				.home_contents_box > .box_inner .support_box > .box_header h2{
					margin-bottom:4vw;
				}
				
					.home_contents_box > .box_inner .support_box > .box_header h2 img{
						width:auto;
						height:12vw;
					}
				
				.home_contents_box > .box_inner .support_box > .box_header p{
					line-height:1.6;
					font-size:1.05em;
					color:#00197d;
					text-shadow:1px 1px 1px rgba(255,255,255,1);
					font-weight:bold;
				}
				
					.home_contents_box > .box_inner .support_box > .box_header p img{
						display:none
					}
			
			.home_contents_box > .box_inner .support_box > .box_inner{}
			
				.home_contents_box > .box_inner .support_box > .box_inner ul{
					width:100%;
					padding:0 4vw;
					box-sizing:border-box;
				}
				
					.home_contents_box > .box_inner .support_box > .box_inner ul li{
						width:calc((100% - 4vw) / 3);
						margin-right:2vw;
					}
					
					.home_contents_box > .box_inner .support_box > .box_inner ul li:last-child{
						margin-right:0;
					}
					
						.home_contents_box > .box_inner .support_box > .box_inner ul li a{
							width:100%;
							height:auto;
							padding:2vw;
							box-sizing:border-box;
						}
						
							.home_contents_box > .box_inner .support_box > .box_inner ul li a img{
								max-width:100%;
								height:auto;
							}
		
		.home_contents_box > .box_inner .company_box{
			width:100%;
			height:auto;
		}
		
				.home_contents_box > .box_inner .company_box > .box_inner ul li{
					height:37.5vw;
				}
				
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_recruit img,
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_company img{
						height:12vw;
						width:auto;
					}
					
					.home_contents_box > .box_inner .company_box > .box_inner ul li.nav_sdgs img{
						width:70%;
						height:auto;
					}
	
	.home_bns_box{
		margin-bottom:6vw;
	}
	
		.home_bns_box > .box_inner ul{
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
			box-sizing:border-box;
			padding:0 3vw;
		}
		
			.home_bns_box > .box_inner ul li{
				width:calc((100% - 2vw) / 2);
				margin-right:2vw;
				margin-bottom:2vw;
			}
			
			.home_bns_box > .box_inner ul li:nth-child(even){
				margin-right:0;
			}
			
				.home_bns_box > .box_inner ul li img{
					max-width:100%;
					height:auto;
				}
		
	.home_contact_box{
		height:auto;
		padding:6vw 0;
	}
	
		.home_contact_box > .box_header{
			margin-bottom:5vw;
		}
		
			.home_contact_box > .box_header h2 img{
				height:14vw;
				width:auto;
			}
			
		.home_contact_box > .box_inner{
			margin-bottom:4vw;
		}
		
			.home_contact_box > .box_inner ul{
				display:block;
			}
			
				.home_contact_box > .box_inner ul li.contact_tel{
					margin:0 auto 5vw auto;
					width:70%;
				}
				
					.home_contact_box > .box_inner ul li.contact_tel a{
						display:block;
					}
					
					.home_contact_box > .box_inner ul li.contact_tel a img{
						max-width:100%;
						height:auto;
					}
				
				
				.home_contact_box > .box_inner ul li.contact_mail{
					margin:0 auto;
					width:60%;
				}
				
					.home_contact_box > .box_inner ul li.contact_mail a{
						width:100%;
						height:12vw;
						background:#333;
						transition:.3s all ease;
						box-sizing:border-box;
						padding:0 8vw;
					}
					
					.home_contact_box > .box_inner ul li.contact_mail a img{
						max-width:100%;
						height:auto;
					}
					
					
		.home_contact_box > .box_footer{
			font-size:1em;
			line-height:1.4;
		}

}

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

}