@charset "UTF-8";

/* =====================================================
	Element
====================================================== */

/*  etc
------------------------------------------------------ */
.inner{ width: 970px; margin: 0 auto; text-align: center;}

/* ======================================================
	Index
====================================================== */


#company{ padding: 80px 0;}
#company h2{ background: #9A9A9A; font-size: 20px; color: #fff; padding: 10px; margin-bottom: 20px;}
#company .inner{ text-align: left; font-size: 14px; line-height: 1.6;}
#company .box > .fl{ width: 550px; float: left;}
#company .box > .fr{ width: 400px; float: right;}

#company dt{ float: left; width: 90px; margin-right: 10px;}
#company dd{ border-bottom: 1px dotted #000; padding: 0 0 35px 100px; margin-bottom: 10px;}
#company dd .fr{ float: right;}
#company dd span{ font-size: 12px;}
#company #map_canvas{ width: 445px; height: 300px;}
#company .logo{ 
	width: 57px;
	height: auto;
}

.cf {
	zoom: 1;
}
#company .authorization dd {
	border-bottom: none;
	padding: 0;
	display: inline-block;
	margin-bottom: 0;
}
#company .authorization dt {
	float: none;
	display: inline-block;
	width: 112px;
}



@media screen and (max-width: 750px) {

	.inner{width: 100%; padding: 0px 10px;}

	#company{ padding: 30px 0;}
	#company h2{ background: #9a9a9a; color: #fff; padding: 5px 10px;}
	#company table{ color: #424040; text-align: left; line-height: 1.4;}
	#company table th{ border-bottom: 1px solid #9a9a9a; width: 30%; font-size: 12px; font-weight: normal; padding: 15px 0;}
	#company table td{ border-bottom: 1px solid #9a9a9a; font-size: 10px; padding: 15px 0 15px 5px;}
	#company table td.cf p{ float: left; width: 75%;}
	#company table td.cf span{ display: block; font-size: 10px;}
	#company table td.cf div{ float: left; width: 20%; padding-left: 5%;}
	#company .authorization dl {
    width: 100%;
	}
  #company .authorization dt {
		float: none;
		display: inline-block;
		width: 80px;
		white-space: nowrap;
	}
	#company .authorization dd {
		width: 64%;
	}
}

@media screen and (max-width: 450px) {
	#company .authorization dd {
		width: 54%;
	}
}