@charset "UTF-8";

@media screen and (min-width:769px){
	header nav a.nav_company::after{
  		transform: scale(1, 1);
	}
	
	#company .company_cont{
		width:1000px;
		margin:0 auto 100px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#company .company_cont .box{
		margin:0 0 100px 0;
		display: flex;
		flex-direction: column;
		width:100%;
	}
	
	#company .company_cont .box.mbnone{
		margin:0 0 0 0;
	}
	
	#company .company_cont .box .mtl{
		font-size:2.4rem;
		padding:20px;
		border-left:5px solid #fdd000;
		font-weight: 600;
		margin:0 0 30px 0;
	}
	
	#company .company_cont .box .tl{
		font-size:2rem;
		font-weight: 600;
		margin:0 0 20px 0;
	}
	
	#company .company_cont .box .tx{
		font-size:1.3rem;
		line-height: 2.6rem;
		padding:0 0 0 0;
	}
	
	#company .company_cont .box .tablebox{
		width:100%;
		margin:0 0 0 0;
	}
	
	#company .company_cont .box .tablebox table{
		border-collapse: collapse;
		table-layout: fixed;
		width:100%;
		font-size:1.3rem;
		line-height: 2.4rem;
	}
	
	#company .company_cont .box .tablebox table tr:nth-child(even) th,
	#company .company_cont .box .tablebox table tr:nth-child(even) td{
		background:#f5f5f5;
	}
	
	#company .company_cont .box .tablebox table th{
		border-top:1px solid #1a1a1a;
		border-bottom:1px solid #1a1a1a;
		padding:20px 30px;
		font-weight: normal;
		width:150px;
		box-sizing: border-box;
		text-align: left;
		vertical-align: top;
	}
	
	#company .company_cont .box .tablebox table td{
		border-top:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		padding:20px 30px;
		text-align:center;
		text-align: left;
		vertical-align: top;
	}
	
	#company .company_cont .box .cap{
		font-size:1.2rem;
		line-height: 2rem;
		padding:10px 0 0 0;
	}
	
	#company .company_cont .box .map{
		margin:40px 0 0 0;
		position: relative;
		padding-top:50%;
	}
	
	#company .company_cont .box .map iframe{
		width:100%;
		height:100%;
		top:0;
		left:0;
		position:absolute;
	}
	
}

@media screen and (max-width:768px){
	#company .company_cont{
		width:90%;
		margin:0 auto 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#company .company_cont .box{
		margin:0 0 50px 0;
		display: flex;
		flex-direction: column;
		width:100%;
	}
	
	#company .company_cont .box.mbnone{
		margin:0 0 0 0;
	}
	
	#company .company_cont .box .mtl{
		font-size:1.7rem;
		line-height: 2.8rem;
		padding:3px 15px;
		border-left:5px solid #fdd000;
		font-weight: 600;
		margin:0 0 20px 0;
	}
	
	#company .company_cont .box .tl{
		font-size:1.4rem;
		line-height: 2.5rem;
		font-weight: 600;
		margin:0 0 10px 0;
	}
	
	#company .company_cont .box .tx{
		font-size:1.2rem;
		line-height: 2.1rem;
		padding:0 0 0 0;
	}
	
	#company .company_cont .box .tablebox{
		width:100%;
		margin:0 0 0 0;
	}
	
	#company .company_cont .box .tablebox table{
		border-collapse: collapse;
		table-layout: fixed;
		width:100%;
		font-size:1.2rem;
		line-height: 2.1rem;
	}
	
	#company .company_cont .box .tablebox table tr:nth-child(even) th,
	#company .company_cont .box .tablebox table tr:nth-child(even) td{
		background:#f5f5f5;
	}
	
	#company .company_cont .box .tablebox table th{
		border-top:1px solid #1a1a1a;
		border-bottom:1px solid #1a1a1a;
		padding:10px 10px;
		font-weight: normal;
		width:70px;
		box-sizing: border-box;
		text-align: left;
		vertical-align: top;
	}
	
	#company .company_cont .box .tablebox table td{
		border-top:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		padding:10px 10px;
		text-align:center;
		text-align: left;
		vertical-align: top;
	}
	
	#company .company_cont .box .cap{
		font-size:1rem;
		line-height: 1.8rem;
		padding:10px 0 0 0;
	}
	
	#company .company_cont .box .map{
		margin:30px 0 0 0;
		position: relative;
		padding-top:50%;
	}
	
	#company .company_cont .box .map iframe{
		width:100%;
		height:100%;
		top:0;
		left:0;
		position:absolute;
	}
	
}