.contact{
    padding: 2% 0 2%;
    font-size: calc(10px + 0.5vw );
    color: #888;
}
.contact .gapline{
    margin: 2% auto 3%;
    width: 2%;
    border: 3px solid #00427B;
}
.main{
	margin:0 8%;
    width: auto;
}
.title{
    margin-top: 3%;
    margin-bottom: 1%;
    font-size: calc(12px + 1vw );
  line-height: calc(12px + 1vw );
    letter-spacing: 2px;
    color: #333333;
  white-space: nowrap;
}
.right .title{
    text-indent: 2em;
}
.firstRow div:first-child{
	display:inline-grid;
}
.location{
  	padding:0;
	display:flex;
  	line-height:2vw;
  	justify-content:space-between;
  	align-items:center;
  	background-color:#F7F8FA;
}

.location .left{
  
}
.location .right{
  	line-height:2vw;
    font-size: calc(7px + 0.5vw );
    color: #555;
 	 width:49%;
}
.location .right div:last-child{
    text-indent: 2em;
    margin-top: 2%;
}
.location .line{
    margin-top: 3%;
    margin-bottom: 1%;
   height:1px;
  	border:1px solid #aaa;
}
.location .tip{
    font-size: calc(7px + 0.3vw );
    color: #888;
}
.firstRow{
	display:flex;
}
.firstRow img{
	margin-bottom:4%;
}
.map{
width:35vw;height:30vw;border:#ccc solid 1px;font-size:12px;
}

@media screen and (max-width: 1050px){
 .firstRow{
	display:block;
} 
}

@media screen and (max-width: 685px){
  .location .right {
  	width:100%;
  }
  .contact {
padding: 2% 10px 2%;
}
  .location{
  	text-align:center;
    display:block;
padding:0;
  }
  .firstRow div:first-child {
    display: block;
    margin-top: -5%;
}
}