@charset "UTF-8";
.btn {
width:100%;
height:30px;
text-align:center;
  position: relative;
background-color: #371603;
    color:white;
}

.btn a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    text-decoration:none; 
background-color: #371603;
    color:white;
     display: table;
 }
.btn a:visited{
    text-decoration: none;
    color:white;
}
.btn a:hover{
    background-color: #8b7349 ;
}
.inner-btn{
display: table-cell; 
vertical-align: middle;

}

.middle-box{
	display: table;  
	position: absolute;
	  top: 0;  
	  left: 0; 
	   width: 100%;  
	   height: 100%;
}


.tenant-text-box{
background-color: #5c6bb0; 
color:white;
padding : 10px;
margin-bottom: 5px;
}


.text-box{
background-color: #ece6bc; 
color:#402114;
padding : 10px;
margin-bottom: 5px;
}

.loca-img{
	border-bottom: 2px solid #371603;
	padding-bottom: 5px;
}
.loca-text{
color:#371603; 
padding-bottom:10px;
}

.info-table{
border-collapse: separate;
 border-spacing: 20px 0px; 
}
.info-table th{
	border-left: 1px solid #371603;

}
.info-table td{
vertical-align: top;
 color: #371603;	
 padding-top: 10px;
 padding-bottom: 10px;
} 

.contact-box {
  border-bottom: 2px solid #5c2f00;
  width:100%;
}

.contact-box h1 {
  font-size: 16px;
  margin: 0;
  color: #3c2a1e;
  border-left: 10px solid #5c2f00;
  border-bottom: 2px solid #5c2f00;
  padding-left: 5px;
  line-height: 1.4;
}

.contact-box p {
  font-size: 13px;
  color: #444;
  margin-top: 5px;
  line-height: 1.8;
}




.sp_main {
  margin: auto;
width:calc(100% - 20px);
	background-color: #FFFFFF;
	display: none;
  padding:0 10px;
}

.sp_body {
	width:650px;
  margin: auto;
}
.sp_body2 {
	width:100%;
	margin:auto;
  padding:0 30px;
}

.pc_main {
  margin: auto;
}

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

.pc_main {
	display: none;
}


.sp_main {
	display: block;
}

.hamburger-menu {
	display: block;
}


}