@charset "utf-8";

/*
//////////////////////////////////////////////
共通
////////////////////////////////////////////// */
#AreaSchool {
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* PC 非表示 */
.pc_none {
display:none;
}

/* スマホトップバナー　※PCでSPサイトを開いた場合 */
#spBnr {
display:none;
}

/* UniLife ロゴ */
#teikeiSchool .logoBox {
width:1000px;
max-width:1000px;
margin:0 auto;
}
@media screen and (max-width:767px){
	#teikeiSchool .logoBox img {
	max-width:100%;
	height: 40px
	}
	#teikeiSchool .logoBox {
	width:auto;
	padding-bottom:2px;
	text-align:center;
	}
}


/* ページタイトル（ユニライフ） */
#AreaSchool .pageHead.unilifeTtl .ttlbg p {
font-size: 1.2rem;
margin-bottom:1em;
}
#AreaSchool .pageHead.unilifeTtl .ttlbg h1 {
color:#ff7600;
text-shadow: 2px 2px#afddff;
font-size: 3.6rem;
padding:0.3em 0;
}
@media screen and (max-width:767px){
	#AreaSchool .pageHead.unilifeTtl .ttlbg p {
	margin-bottom:0;
	}
	#AreaSchool .pageHead .ttlbg h1 {
	line-height: 1;
	margin-bottom: 4%;
	}
	#AreaSchool .pageHead .ttlbg h1 b {
	display:block;
	color:#ff7600;
	font-size: 1.6rem;
	line-height: 1;
	}
}



/* フッター */
div#footer {
background-position:center bottom;
padding-bottom:80px;
}
div#footer #info,
div#footer #day{
width:980px;
margin:0 auto;
}
div#footer #day {
border-top:#CCC dotted 1px;
border-bottom:#CCC dotted 1px;
text-align:center;
padding:0.5em;
}
#link_copyright {
text-align: center;
margin-top: 20px;
}




/* 店舗情報 */
#footer .shopGroup {
width:980px;
margin:0 auto 10px;
}
#footer table.shopInfo {
background:#F5F5F5;
box-sizing:border-box;
border:transparent solid 16px;
width:32%;
margin-right:2%;
float: left;
border-radius:8px;
font-size:12px;
line-height:1.4em;
}
#footer table.shopInfo:nth-child(3n) {
margin-right:0;
}
#footer table.shopInfo .shopName a {
font-weight:bold;
font-size:1.2em;
}

#footer table.shopInfo .zipAddress {
font-size:11px;
}
#footer table.shopInfo .freecall {
font-size:1.4em;
color:red;
display:block;
padding:0.2em 0;
}



/* 各種　物件リスト
---------------------------------------------- */
/* 物件グループ */
#AreaSchool .bukkenList .CatGroup:nth-child(n) h3 {
background-color:#1985d5;
}
#AreaSchool .bukkenList .CatGroup:nth-child(2n) h3 {
background-color:#109D3D;
}
#AreaSchool .bukkenList .CatGroup:nth-child(3n) h3 {
background-color:#F5A500;
}



/*
//////////////////////////////////////////////
Tabコンテンツ
////////////////////////////////////////////// */

/* Tabメニュー
---------------------------------------------- */
#AreaSchool .bukkenList ul.tab-area {
max-width:980px;
margin:0 auto;
background-color:#FFF;
box-shadow:0 0 8px rgba(50,50,50,0.1);
}
#AreaSchool .bukkenList ul.tab-area li.tab {
cursor: pointer;
box-sizing: border-box;
font-size:1.4em;
line-height:1.8em;
text-align:center;
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
color:#283972;
padding:0.8em;
padding-top:1.2em;
position:relative;
z-index:5;
}
@media screen and (max-width:767px){

	#AreaSchool .bukkenList ul.tab-area li.tab {
	font-size:1.2em;
	line-height:1.6em;
	}
}

#AreaSchool .bukkenList ul.tab-area li.tab.active {
box-shadow: -2px -1px 5px -3px rgb(0 0 0 / 80%),2px -1px 5px -3px rgb(0 0 0 / 80%);
color:#FFF;
background:#283972;
}
#AreaSchool .bukkenList ul.tab-area li.tab.active::after {
content:'';
display:block;
width:10px;
height:10px;
background-color:#283972;
position:absolute;
left:calc(50% - 5px); bottom:-5px;
transform: rotate(-45deg) skew(-5deg,-5deg);
z-index:-1;
}
#AreaSchool .bukkenList ul.tab-area li.tab b,
#AreaSchool .bukkenList ul.tab-area li.tab span {
display: block;
line-height:1.2em;
}
#AreaSchool .bukkenList ul.tab-area li.tab b {
font-size:160%;
line-height:1.2em;
font-weight:bold;
margin-bottom:0.3em;
}

/* Tabコンテンツ
---------------------------------------------- */
#AreaSchool .bukkenList .content-area {
max-width:980px;
margin:0 auto;
}
#AreaSchool .bukkenList .content-area .content {
display: none;
}
#AreaSchool .bukkenList .content-area .content.show {
margin-top: 40px;
display: block;
}
@media screen and (max-width:767px){

	#AreaSchool .bukkenList .content-area .content.show {
	margin-top: 20px;
	}
}
.nenkanBtn {
  position: relative;
}
.leaflet {
position: absolute;
top: 26%;
left: 3%;
width: 30%;
}