@charset "utf-8";

.tenant_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 15px 0 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
@media print, screen and (max-width: 800px) {
.tenant_flex1{
	flex-wrap: wrap;
	margin: 0;
}
}
.tenant_flex1-btn1{
	clear: both;
	width: 24%;
	height: auto;
	max-height: 80px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
/*
	display: flex;
	align-items: center;
*/
	border-radius: 8px;
}
.tenant_flex1-btn1 img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.tenant_flex1-btn1 .common_btn1{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.tenant_flex1-btn1 .common_btn1 a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	border:none;
	
	background:rgba(62,58,57,0.8);
	
	display: flex;
	align-items: center;
	
	text-decoration: none;
/*	border-radius: 3px;*/
	-webkit-transition: all .3s;
	transition: all .3s;
	
}
.tenant_flex1-btn1 .common_btn1.on a{
	background:none;
	background:rgba(255,255,255,0.7);
}
.tenant_flex1-btn1 .common_btn1 a:hover{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	border:none;
	
	background:rgba(255,255,255,0.7);
	
	display: flex;
	align-items: center;
	
	text-decoration: none;
/*	border-radius: 3px;*/
	-webkit-transition: all .3s;
	transition: all .3s;
	
}
.tenant_flex1-btn1 .common_btn1 a span{
	letter-spacing: 0.03em;
}
.tenant_flex1-btn1 .common_btn1.on a span{
	color: #222;
/*	font-weight: bold;*/
}

.tenant_flex1-btn1 .common_btn1.on a .allow2::before,
.tenant_flex1-btn1 .common_btn1.on a .allow2::after{
  background-color: #3e3a39;
}


@media print, screen and (max-width: 800px) {
.tenant_flex1-btn1{
	width: 49%;
	max-height: 70px;
	margin: 15px 0 0;
}
}
	
	
	
.flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch;
	
}
.tenant_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 50px;
	padding: 0;
	position: relative;
}
.tenant_link_btn1{
	width: 48%;
	width: 66%;
	height: auto;
	font-size: 15px;
	color: #FFF;
	background: #3e3a39;
	text-align: center;
	letter-spacing: 0.24em;
	padding: 13px 0 15px;
	margin: 50px auto 0;
	position: relative;
}
.tenant_link_btn1 a{
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
}
@media print, screen and (min-width: 801px) {
.tenant_ph1{
	width: 48%;
	max-width: 480px;
	height: auto;
	margin: 0;
	padding: 0;	
	position: relative;
}
.tenant_link_btn1{
	width: 26%;
	height: auto;
	font-size: 15px;
	color: #FFF;
	background: #3e3a39;
	text-align: center;
	letter-spacing: 0.24em;
	padding: 13px 0 15px;
	margin: 50px auto 0;
	position: relative;
}
}
.tenant_text{
	font-size: 22px;
	text-align: center;
	color: #fff;
	position: absolute;
	width: 100%;
	height: auto;
	margin: auto;
	top: 40%;
}
.contents1000{
	clear:both;
	width:92%;
	height:auto;
	margin:0 auto;
	position: relative;
}



/*

多摩センターCSS

*/

.black_bg{
	width: 100%;
	height: auto;
	background-color: #3E3A39;
}
.gray_bg{
	width: 100%;
	height: auto;
	background-color: #F4F4F4;
}
.tama_text1{
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
.tama_text2{
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	color: #3E3A39;
	font-weight: 400;
}
.tama_text3{
	font-size: 15px;
	line-height: 22px;
	text-align: left;
	color: #3E3A39;
}
.tama_text4{
	font-size: 18px;
	line-height: 22px;
	text-align: left;
	color: #3E3A39;
	font-weight: 400;
}
.tama_text5{
	font-size: 15px;
	line-height: 25px;
	text-align: left;
	color: #3E3A39;
}
.tama_ph1{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0 0 65px;
	padding: 0;
}
@media print, screen and (max-width: 800px) {
.tama_ph1{
	clear: both;
	width: 48%;
	height: auto;
	margin: 0 0 65px;
	padding: 0;
	
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
}
@media print, screen and (min-width: 801px) {
.tama_ph1{
	width: 30%;
	height: auto;
	max-width: 300px;
	margin: 0 0 80px;
}
}
.tama_link_btn1{
	width: 100%;
	height: auto;
	font-size: 15px;
	color: #FFF;
	background: #3e3a39;
	text-align: center;
	padding: 10px 0 12px;
	letter-spacing: 0.1em;
	margin: 0 auto;
	position: relative;
	border-radius: 3px;
}
.tama_link_btn1 a{
	color: #FFF;
	text-decoration: none;
}


.area_box01{
	clear: both;
	width: calc( 100% - 30px );
	width: 100%;
	height: auto;
	
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	
	position: relative;
/*	left: 30px;*/
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.area_box01.m01{
	width: 100%;
	left: 0;
}
@media print, screen and (max-width: 800px) {
.area_box01{
	width: 100%;
	left: 0;
}
}
.area_box01 div{
	clear: both;
	width: 48%;
	height: auto;
	
	padding: 8px 0;
	font-size: 13px;
	line-height: 100.1%;
	text-align: left;
	color: #222;
}
@media print, screen and (max-width: 800px) {
.area_box01 div{
	font-size: 2.6vw;
}
}



.tenant_tel01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
}
@media print, screen and (max-width: 800px) {
.tenant_tel01{
	
}
}
.tenant_tel-text1{
	clear: both;
	width: auto;
	height: auto;
	padding: 0;
	font-size: 20px;
	line-height: 100.1%;
	color: #222;
	font-weight: 600;
}
@media print, screen and (max-width: 800px) {
.tenant_tel-text1{
	font-size:3.8vw;
}
}

.tenant_tel-text2 a{
	clear: both;
	width: auto;
	height: auto;
	padding: 0;
	font-size: 32px;
	font-size: 40px;
	line-height: 100.1%;
	color: #222;
	font-weight: 600;
	position: relative;
	bottom: -0.15em;
/*	left: 0.2em;*/
}
@media print, screen and (max-width: 800px) {
.tenant_tel-text2 a{
	font-size: 8vw;
}
}

.tenant_tel-text3{
	clear: both;
	width: auto;
	height: auto;
	padding: 0;
	font-size: 16px;
	line-height: 100.1%;
	color: #222;
	font-weight: 400;
	position: relative;
	top: -0.07em;
}
@media print, screen and (max-width: 800px) {
.tenant_tel-text3{
	font-size: 3vw;
	position: relative;
	right: -0.25em;
	text-align: center;
	
}
}


.common_btn1.tenantbtn01{
	margin: 30px auto 0;
}
.common_btn1.tenantbtn01 a span{
	letter-spacing: 0.13em;
}

/*
	width: 70%;
	max-width: 320px;
	height: auto;
	margin: 50px auto 0;
/*	padding: 13px 0 15px;
	position: relative;
}
*/



.tenant_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.tenant_ph1 a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.tenant_ph1 a img{
	clear: both;
	width: 112%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: -6%;
}