@charset "utf-8";
/*---------------------- Main Title ------------------------*/
#company .mainTitle{
	position:relative;
}
#company .mainTitle h1{
	position: absolute;
	top: 50%;
	left: 0;
	right:0;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #FFFFFF;
}
@media (min-width: 768px) {
#company .mainTitle{
	padding: 20% 0 0;
	background: url(../images/pc_main_banner.jpg) no-repeat center center;
	background-size:cover;
}
#company .mainTitle h1{
	margin-top:-20px;
	font-size:3em;
}
}
@media (max-width: 767px){
#company .mainTitle{
	padding: 40% 0 0;
	background: url(../images/sp_main_banner.jpg) no-repeat center center;
	background-size:cover;
}
#company .mainTitle h1{
	margin-top:-10px;
	font-size:2em;
}
}

/*---------------------- Main Contents ------------------------*/
#company .inner{
	max-width: 980px;
  margin: 0 auto;
	padding:40px 40px 3%;
}
#company table{
    width: 100%;
		border-top: 1px solid #CCCCCC;
}
#company th{
	padding: 20px 15px;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	line-height:200%;
	font-weight:700;
}
#company td{
	padding: 20px 0 20px 15px;
	border-bottom: 1px solid #CCCCCC;
	line-height:200%;
	text-align: left;
	vertical-align: top;
	width:100%;
	box-sizing: border-box;
}
#company td a.tel{
	text-decoration: none;
}
#company td #map{
	width:100%;
	height:400px;
	margin-top:15px;
}
#company td ul{
	padding-left:1.5em;
}
#company td li{
	margin-bottom:10px;
}
#company td li:last-child{
	margin-bottom:0;
}
@media (max-width: 767px) {
#company .inner{
	padding:20px 20px 5%;
}
#company th{
	padding: 10px 0 0;
	border-bottom: none;
	display: block;
}
#company td{
	padding: 5px 0 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}
#company td a.tel{
	color:#003264;
	text-decoration: underline;
}
#company td #map{
	height:300px;
}
}