@charset "utf-8";
/* CSS Document */

/* ===================== h1_area ===================== */

.h1_area {
	width: 100%;
	margin: 0 auto;
	padding:60px 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-shadow:
	0px 0px 5px #535864,0px 0px 5px #535864,0px 0px 5px #535864,0px 0px 5px #535864;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bg_company {
	background-image: url("../img/bg_company_0530.jpg");
}

.h1_area h1 {
	font-size: 40px;
}

.h1_area .h1_txt {
	color: #daad97;
	text-shadow: none;
	font-weight: bold;
}


@media (max-width:768px) {

.h1_area {
	padding: 1em 0;
	font-size: 1em;
}

.h1_area h1 {
	font-size: 1.6em;
}

}


/* ===================== map_area ===================== */

h2 {
	margin: 0 auto 20px;
	text-align: center;
	font-size: 32px;
}

.map_area {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	text-align: center;
	background-color: #f0f0f0;
}

.googlemap {
	width: 900px;
	max-width: 92%;
	margin: 0 auto;
}

.googlemap img {
	width: 100%;
	height: auto;
}

.map_area .msg_area {
	width: 100%;
	margin: 30px auto;
}

.map_area .cnt_ttl {
	font-size: 1.4em;
	font-weight: bold;
}

.cl_ooedo {
	color:#c39;
}

.cl_nanboku {
	color:#00ac93;
}

.cl_hibiya {
	color:#d0c5b8;
}


@media (max-width:768px) {

h2 {
	font-size: 1.4em;
}

}



/* ===================== company_area ===================== */

.company_area {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
	background-color: #fff;
}

.company_area table {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

.company_area tr {
	border-bottom: 1px solid #ccc;
}

.company_area th {
	width: 30%;
	padding: 20px 20px 20px 5em;
	box-sizing: border-box;
	text-align: left;
}

.company_area td {
	width: 70%;
	padding: 20px;
	box-sizing: border-box;
}



@media (max-width:768px) {
.company_area th {
	padding: 20px 20px 20px 0;
}

}


@media (max-width:500px) {
.company_area th,
.company_area td {
	width: 100%;
	display: block;
}

.company_area th {
	padding: 20px 0 0;
	text-align: center;
}

}