@charset "utf-8";


/*#######################################################*/
/*##                                                   ##*/
/*##  テナント紹介                                     ##*/
/*##                                                   ##*/
/*#######################################################*/

/*---------------------------------------------------------
カテゴリタイトル
---------------------------------------------------------*/
#tenant #categoryTtl{
	background-image: url(../tenant/img/bg_category_ttl.jpg);
}


/*---------------------------------------------------------
contents
---------------------------------------------------------*/
#tenant #contents {
	padding-bottom: 80px;
}
	@media screen and (max-width: 959px) {
		#tenant #contents {
			padding-bottom: 110px;
		}
	}
	
	@media screen and (max-width: 640px) {
		#tenant #contents {
			padding-bottom: 40px;
		}
	}

/*--------------------------------------------------------

	テナント紹介
	
----------------------------------------------------------*/

#tenant .tenantBox{
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 65px;
}
	@media screen and (max-width: 640px) {
    #tenant .tenantBox{
      margin-top: 35px;
    }
	}

#tenant .tenantBox .photo{
  width: 480px;
  float: left;
}
	@media screen and (max-width: 959px) {
    #tenant .tenantBox .photo{
      width: 45%;
    }
    #tenant .tenantBox .photo img{
      width: 100%;
    }
	}
	@media screen and (max-width: 640px) {
    #tenant .tenantBox .photo{
      width: 100%;
      float: none;
      margin-bottom: 25px;
    }
	}
  #tenant .tenantBox .photo ul{
    overflow: hidden;
    margin-top: 10px;
    margin-left: -10px;
  }
  #tenant .tenantBox .photo ul li{
    float: left;
    margin-left: 10px;
  }
	@media screen and (max-width:959px) {
    #tenant .tenantBox .photo ul li{
      width: calc(50% - 10px);
    }
	}

#tenant .tenantBox .info{
  overflow: hidden;
  padding-left: 45px;
}
	@media screen and (max-width: 959px) {
    #tenant .tenantBox .info{
      overflow: hidden;
      padding-left: 30px;
    }
	}
	@media screen and (max-width: 640px) {
    #tenant .tenantBox .info{
      padding-left: 0px;
    }
	}
  #tenant .tenantBox h5{
    position: relative;
    color: #077272;
    font-weight: bold;
    font-size: 112.5%;
    margin-bottom: 15px;
    padding-left: 24px;
  }
  #tenant .tenantBox h5:before {
    border: 3px solid #398e8e;
    content: "";
    height: 7px;
    width: 7px;
    left: 2px;
    position: absolute;
    top: 7px;
    border-radius: 25px;
  }
  #tenant .tenantBox table {
    width: 100%;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 30px;
  }
  #tenant .tenantBox table th{
    position: relative;
    background: #f8fdfd;
    font-weight: bold;
    border-top: 1px dotted #ccc;
    padding: 20px 0px 20px 37px;
    width: 95px;
    vertical-align: top;
  }
	@media screen and (max-width: 640px) {
    #tenant .tenantBox table th{
      width: 65px;
      padding-left: 25px;
    }
	}
  #tenant .tenantBox table th:before {
    border: 4px solid #398e8e;
    content: "";
    height: 4px;
    width: 4px;
    left: 15px;
    position: absolute;
    top: 24px;
  }
	@media screen and (max-width: 640px) {
    #tenant .tenantBox table th:before {
      left: 8px;
    }
	}
  #tenant .tenantBox table td{
    border-top: 1px dotted #ccc;
    padding: 20px 10px 20px 25px;
  }
	@media screen and (max-width: 640px) {
    #tenant .tenantBox table td{
      padding: 20px 10px 20px 15px;
    }
	}

/* 逆バージョン */
#tenant .tenantBox-type02 .photo{
  float: right;
}
	@media screen and (max-width: 640px) {
    #tenant .tenantBox-type02 .photo{
      float: none;
    }
	}
  #tenant .tenantBox-type02 .info{
    padding-left: 0px;
    padding-right: 45px;
  }
    @media screen and (max-width: 640px) {
      #tenant .tenantBox-type02 .info{
        padding-right: 0px;
      }
    }

  #tenant .tenantBox .text{
    line-height: 180%;
  }