/*===============================================
画面の横幅が640px以下
===============================================*/

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

/*  オフィス情報　*/
/*--------------------------------------------------------*/

.officeBox{
	padding-bottom:20px;
	overflow:hidden;
}

.officeBox p.message{
	text-align:center;
	margin-bottom:30px;
}

.box{
	margin-bottom:30px;
}

.box .inner{
	padding:0 5px;
}

.mr{
}

.box .photo{
	margin-bottom:20px;
}

.box .photo img{
	width:100%;
}

.box .photo a:hover img{
  opacity: 0.6;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.box .inner h3{
	font-size:100%;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:10px;
}

.box h3 a {text-decoration: none;}
.box h3 a:link {color:#333;}
.box h3 a:visited {color:#333;}
.box h3 a:active {color:#333;}
.box h3 a:hover {color:#1841ce; text-decoration: underline;}

.box .inner .office_info{
	font-size:90%;
	line-height:1.7em;
}

.box .inner .bt{
	margin-top:13px;
}

}