@charset "utf-8";
/*
 * ==========================================================================
 * 
 * about
 * 
 * ==========================================================================
 */

#googlemap {
	width:520px;
	height:400px;
}

/**
 * --------------------------------------------------------------------------
 * »î„ÓÄÚÈÝ
 * --------------------------------------------------------------------------
 */
 
.workBox {
	background:#fff;
	padding:50px;
	box-shadow: 0 0 40px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.1);
	border-radius:5px;
	position:relative;
	margin:0 0 40px 0;
}

.workBoxLeft {
	width:470px;
	float:left;
}

.workBoxRight {
	width:470px;
	float:right;
}

.workNumber {
	font-family:Arial, Helvetica, sans-serif;
	font-size:350%;
	color:#00a0b3;
	position:absolute;
	line-height:1;
}

.workTitle {
	font-size:100%;
	margin:0 0 20px 0;
	padding:0 0 0 50px;
	line-height:1.6;
}

.workTitle span{
	font-size:160%;
	margin:0 0 20px 0;
	color:#00a0b3
}



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

#googlemap {
	width:100%;
	height:300px;
}


/**
 * --------------------------------------------------------------------------
 * »î„ÓÄÚÈÝ
 * --------------------------------------------------------------------------
 */
 
.workBox {
	background:#fff;
	padding:20px;
	margin:0 0 20px 0;
}

.workBoxLeft {
	width:auto;
	float:none;
}

.workBoxRight {
	width:auto;
	float:none;
	margin:20px 0 0 0;
}

.workNumber {
	font-size:300%;
	color:#00a0b3;
	position:absolute;
	line-height:1;
}

.workTitle {
	font-size:90%;
	margin:0 0 20px 0;
	padding:0 0 0 40px;
	line-height:1.6;
}

.workTitle span{
	font-size:140%;
	margin:0 0 20px 0;
	color:#00a0b3
}



}