@charset "utf-8";
/* CSS Document */
@media print, screen and (min-width:769px){

#pagettlArea h1{
	width:960px;
	height:149px;
	margin:0 auto;
}
h1#office{	
	font-size:33px;
	color:#fff;
	padding-top:75px;
}
/* ===============================================
#officeArea
=============================================== */
#officeArea{
  margin-top:30px;
   /*background-color:#eff3f4;*/
}
#officeData{
  width:750px;
  float:left;
}
#officeData table{
  margin-top:30px;
}
#officeData th{
  background-color:#36ade9;
  color:#FFF;
  width:235px;
}
#officePhoto{
  margin-top:30px;
  width:150px;
  font-size:0;
  line-height:0;
  float:right;
}
#mapBox{
  margin-top:20px;
}
#mapBox iframe{
  width:920px;
  height:300px;
}
}
@media print, screen and (min-width:768px){

/* ===============================================
#officeArea
=============================================== */
#officeArea{
  margin-top:30px;
   /*background-color:#eff3f4;*/
}
#officeData{
  width:90%;
  margin: 0 5%;
  float:none;
}
#officeData table{
  margin-top:30px;
}
#officeData th{
  background-color:#36ade9;
  color:#FFF;
  width:235px;
}
#officePhoto{
  display:none;
}
#mapBox{
  margin-top:20px;
}
#mapBox iframe{
  width:920px;
  height:300px;
}
}

@media screen and (max-width: 679px){
	
#pagettlArea h1{
	width:100%;
	padding-bottom:26.56%;
	margin:0 auto;
	line-height:1;
	height:50px;
	margin:0 auto;	
}
h1#office{
	font-size:20px;
	color:#fff;
	padding-top:30px;
}
/* ===============================================
#officeArea
=============================================== */
#officeArea{
  margin-top:20px;
}
#officeArea h2 img{
  width:82px;
  height:16px;
}
#officeData{
  margin:15px 5px 0;
}
#officeData th{
  background-color:#36ade9;
  color:#FFF;
}
#officePhoto{
  display:none;
}
#mapBox{
  margin:15px 5px 0;
}
#mapBox iframe{
  width:100%;
  height:150px;
}

}