@charset "utf-8";
/************************************************************************************
CONTANTS
*************************************************************************************/

#company table {
	width:100%;
}

#company table th,
#company table td {
	border-bottom:1px solid #268c43;
	padding:10px 0;
}
#company table th {
	border-right:1px solid #268c43;
	font-weight:bold;
	text-align:center;
	width:15%;
}
#company table td {
	padding-left:20px;
}
#company table span {
	color:#268c43;
	font-weight:bold;
}

.map_wrapper {
  max-width: 600px;
  min-width: 280px;
  margin: 20px auto;
  padding: 4px;
  border: 1px solid #eee;  
}
 
.googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*******************************************************************
********************************************************************

smaller than 768

********************************************************************
*******************************************************************/
@media screen and (max-width: 768px) {

/*::::::::::::::::::::::::::::::::::::
 CONTENTS
::::::::::::::::::::::::::::::::::::*/

#message {
	width:90%;
	margin:3% auto;
}

#company {
	width:90%;
	margin:3% auto;
}

#company table th,
#company table td {
	width:100%;
	display:block;
	border-right:0;
	padding:2% 0;
	text-align:left;
}
#company table th {
	color:#268c43;
	margin-top:3%;
	font-size:18px;
}

#side2 #nav2 {
	border-bottom:2px solid #268c43;
	margin-bottom:20px;
}

#side2 #nav2 li a {
	display:block;
	padding:20px 20px;
	border-top:2px solid #268c43;
	background:url(../images/i_arrow.png) left center no-repeat;
	background-size:10px;
}
#side2 #nav2 li a {
	background:url(../../common/images/i_arrow.png) no-repeat 5% center;
	background-size:10px;
	padding-left:10%;
	font-size:20px;
}

#side #nav{ display: none; }

}

@media screen and (min-width: 769px) {
#side2{ display: none; }
}

#message { margin-bottom: 40px; }
#message p { margin-bottom: 10px; }
