@charset "UTF-8";

@media screen and (min-width:751px) {
	
	.company_cont{
		width:100%;
	}
	
	.company_cont.bgbox{
		background:#f2f2f2;
	}
	
	.company_cont .tablebox{
		padding:130px 0;
		width:90%;
		max-width: 780px;
		margin:0 auto;
	}
	
	.company_cont .tablebox table{
		border-collapse: collapse;
		width:100%;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.company_cont .tablebox table th{
		text-align: left;
		vertical-align: top;
		width:180px;
		padding:20px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	
	.company_cont .tablebox table th span{
		font-weight:400;
		font-size: 1.2rem;
	}
	
	.company_cont .tablebox table td{
		text-align: left;
		vertical-align: top;
		padding:20px 20px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	
	.company_cont .tablebox table td .telbox{
		display: flex;
	}
	
	.company_cont .tablebox table td .map{
		width:100%;
		padding-top:50%;
		position: relative;
		margin:15px 0 70px 0;
	}
	
	.company_cont .tablebox table td .map:last-child{
		margin-bottom:0;
	}
	
	.company_cont .tablebox table td .map iframe{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}
	
	.company_cont .tablebox table td table{
		width:auto;
	}
	
	.company_cont .tablebox table td td{
		padding:0 20px 0 0;
		border:none;
	}
}


@media screen and (max-width:750px) {
	.company_cont{
		width:100%;
	}
	
	.company_cont.bgbox{
		background:#f2f2f2;
	}
	
	.company_cont .tablebox{
		padding:40px 0;
		width:90%;
		max-width: 780px;
		margin:0 auto;
	}
	
	.company_cont .tablebox table{
		border-collapse: collapse;
		width:100%;
		font-size: 1.2rem;
		line-height: 1.8em;
		border-top:1px solid #ccc;
	}
	
	.company_cont .tablebox table th{
		text-align: left;
		vertical-align: top;
		width:100%;
		padding:15px 0 0 0;
		display: block;
	}
	
	.company_cont .tablebox table th span{
		font-weight:400;
		font-size: 1.2rem;
	}
	
	.company_cont .tablebox table td{
		text-align: left;
		vertical-align: top;
		padding: 5px 0 15px 0;
		border-bottom:1px solid #ccc;
		display: block;
	}
	
	.company_cont .tablebox table td .telbox{
		display: flex;
	}
	
	.company_cont .tablebox table td .map{
		width:100%;
		padding-top:50%;
		position: relative;
		margin:15px 0 40px 0;
	}
	
	.company_cont .tablebox table td .map:last-child{
		margin-bottom:0;
	}
	
	.company_cont .tablebox table td .map iframe{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
	}
	
	.company_cont .tablebox table td table{
		width:auto;
		border: none;
	}
	
	.company_cont .tablebox table td td{
		padding:0 20px 0 0;
		border:none;
		display: table-cell;
	}
}