﻿@charset "utf-8";  
/*------------------------------------------------------------ 
    COMPANY css
------------------------------------------------------------*/  

#detailHd{ background-image:url(../img/visual.jpg);}

#companyInner{
	width:auto;
	max-width:1000px;
	margin:100px auto 150px;
	padding:0 10px;
}

#companyTbl{
	width:100%;
	margin-bottom:50px;
	font-size:134%;
	border-top:1px solid #666;
}

#companyTbl th{
	width:100px;
	padding:25px 25px 25px 10px;
	vertical-align:top;
	color:#333;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #666;
}

#companyTbl td{
	padding:25px 10px 25px 160px;
	vertical-align:top;
	color:#666;
	border-bottom:1px solid #666;
}

#gmap{
	width:100%;
	padding-top:75%;
	position:relative;
}

#gmap iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  


/* TABLET */
@media screen and (max-width: 788px){

#companyTbl td{ padding-left:25px;}


/* SP */
@media screen and (max-width: 560px){


#companyInner{ margin:40px auto 50px;}

#companyTbl{
	font-size:117%;
	margin-bottom:30px;
}

#companyTbl th{
	display:block;
	width:auto;
	padding:15px 10px 0;
	border-bottom:none;
}

#companyTbl td{
	display:block;
	padding:5px 10px 15px;
}



}
