@charset "utf-8";

.cont h1 {
	background-image: url(../images/title.png);
}

#company .greeting {
	width: 100%;
	background: #f6f6f6;
	overflow: hidden;
	padding: 30px;
	margin-bottom: 75px;
}

#company .greeting img {
	display: block;
	float: left;
	margin-right: 20px;
}

#company .greeting p {
	margin-bottom: 15px;
}

#company .greeting p.title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

#company .greeting p.president {
	margin-bottom: 0;
	text-align: right;
}

#company div.inner {
	overflow: hidden;
	width: 100%;
}

#company div.inner table {
	width: 400px;
	float: left;
}

table.info th, table.info td {
	padding: 10px 20px;
}

#company div.inner .map {
	width: 400px;
	float: right;
}

@media only screen and (max-width: 768px) {
	
.cont h1 {
	background: url(../images/title_sp.png) center center no-repeat;
	background-size: 35.73333333333%;
}

#company .greeting {
	padding: 20px;
	margin-bottom: 20px;
}

#company .greeting .photo {
	float: none;
	height: 0;
	overflow: hidden;
	padding-top: 49.180327868%;
	background: url(../images/company/photo_sp.jpg) center center no-repeat;
	background-size: 100%;
	margin-bottom: 20px;
}

#company .greeting p {
	margin-bottom: 5px;
}

#company .greeting p.title {
	margin-bottom: 10px;
}

#company div.inner table {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

#company div.inner .map {
	width: 100%;
	float: none;
}

}