@charset "UTF-8";

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

	index.html

-------------------------------------*/
.top-ttl-wrap{
	text-align: center;
	position: relative;
	height: 520px;
	padding: 0;
	border: none;
	margin-bottom: 70px;
}
.top-ttl-wrap img{
	margin-left: -700px;
	max-width: 1400px;
	position: absolute;
	left: 50%;
}
#TOP .pc-inner{
	max-width: 1080px;
	margin: 0 auto;
}

/* 新着物件注釈 */
#TOP .wrap-01 .note-clm{
	margin-top: 1.5em;
}
#TOP .wrap-01 .note-clm .note dd:has(+dt){
	margin-bottom: 0.75em;
}

/*緊急事態宣言*/
#TOP .notice_0{
	border: 2px solid red;
	padding: 2% 10%;
	box-sizing: border-box;
	background-color: #fee;
	margin-bottom: 70px;
}
#TOP .notice_0 .ttl{
	text-align: center;
	color: red;
	margin-bottom: 1em;
	font-weight: bold;
}
#TOP .notice_0 .data{
	color: red;
	font-weight: bold;
	margin-bottom: 1em;
}
#TOP .wrap-02{
	margin-bottom: 80px;
}
#TOP .wrap-02 .note-clm{
	margin-top: 2.5em;
}
#TOP .wrap-02 .note-clm .note dd:has(+dt){
	margin-bottom: 0.75em;
}
/*背景付きバナー：中古・賃貸*/
#TOP .wrap-03{
	background:url(/imgs/home/bg_01.jpg) center center no-repeat #000;
	background-size: cover;
	padding-top: 115px;
	padding-bottom: 115px;
}
#TOP .bnr-01{
	text-align: center;
}
#TOP .bnr-01 a:hover{
	opacity: 0.9;
}
#TOP .bnr-01 a{
	width: 494px;
	background:url(/common/imgs/lnk_another_01.png) right 30px center no-repeat rgba(0,113,188,0.75);
	background-size: 17px;
	display: inline-block;
	padding: 30px;
	box-sizing: border-box;
	text-align: left;
}
#TOP .bnr-01 .bnr-cnt-01{
	width: 158px;
	display: inline-block;
}

/*コンセプト背景*/
#TOP .wrap-04{
	background: url(/imgs/home/bg_04.jpg) center top no-repeat;
	/* background: url(/imgs/home/bg_02.jpg) center top #f4e4dd no-repeat; */
	padding-top: 72px;
	padding-bottom: 72px;
}
#TOP .wrap-04 .ttl-04{
	margin-bottom: 70px;
}
#TOP .wrap-04 .cnt-lead{
	margin-bottom:38px;
	width: 341px;
}
#TOP .wrap-04 .txt-01{
	margin-bottom: 16px;
	line-height: 2.4em;
	font-size: 1.143em;
}
#TOP .wrap-04 .btn-03 a{
	/* background-color: rgba(255,255,255,0.5); */
	text-align: left;
	width: auto;
	font-size: 1.143em;
	padding: 8px 4.75em 8px 14px;
	background: url(/common/imgs/arw_02.png) right 15px center no-repeat;
	background-size: 21px;
}
#TOP .wrap-04 .cnt-01{
	float: right;
	background-color: rgba(255, 255, 255, 0.88);
	padding: 60px 80px 60px 40px;
}



/*背景付きバナー：GRAN倶楽部*/
#TOP .bnr-02-bg{
	background:url(/imgs/home/bg_03.jpg) center center no-repeat #000;
	background-size: cover;
	padding-top: 80px;
	padding-bottom: 80px;
}
#TOP .bnr-02{
	text-align: center;
}
#TOP .bnr-02 a:hover{
	opacity: 0.9;
}
#TOP .bnr-02 a{
	background-color: rgba(0,113,188,0.75);
	width: 494px;
	display: inline-block;
	padding: 11px 15px 11px 20px;
	box-sizing: border-box;
	text-align: left;
}

/*背景付きバナー：GRAN倶楽部、賃貸物件*/
#TOP .wrap-06{
	background: url(/imgs/home/bg_05.jpg) center top no-repeat;
	/* background: url(/imgs/home/bg_02.jpg) center top #f4e4dd no-repeat; */
	padding-top: 120px;
	padding-bottom: 120px;
}
#TOP .wrap-06 .list-09{
	display: flex;
	justify-content: center;
}
#TOP .wrap-06 .img-btn{
	margin: 0 15px;
}
#TOP .wrap-06 .img-btn img{
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}

/* J.GRANとは */
#TOP .wrap-07 .ttl-04 img{
	width: 155px;
}
#TOP .wrap-07 .list-02 li{
	margin-bottom: 50px;
}
#TOP .wrap-07 .list-02 li .cnt-01{
	border: 1px solid #dcdcdc;
	margin-bottom: 15px;
}
#TOP .wrap-07 .list-02 li .ttl-05{
	margin-bottom: 0;
}
#TOP .wrap-07 .list-02 li .ttl-05::after{
	content: "";
	display: inline-block;
	background: url(/common/imgs/arw_03.png) no-repeat;
	background-size: 26px 5px;
	width: 26px;
	height: 5px;
	vertical-align: 0.3em;
	margin-left: 0.75em;
}

#TOP .wrap-08 .ttl-04 img{
	width: 213px;
}
#TOP .list-02 li .txt-01.txt-place{
	margin-bottom: 0.36em;
}
#TOP .txt-place::before{
	content: "";
	display: inline-block;
	background: url(/common/imgs/icon_map.svg) no-repeat;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 0.36em;
}
#TOP .list-02 li .txt-01.txt-place,
#TOP .list-02 li .txt-01.txt-access,
#TOP .slider-box .slider-cnt .slider-item .slick-cnt .txt-01.txt-place,
#TOP .slider-box .slider-cnt .slider-item .slick-cnt .txt-01.txt-access{
	text-indent: calc(-17px + -0.36em);
	margin-left: calc(17px + 0.36em);
	line-height: 1.25;
}
#TOP .txt-access::before{
	content: "";
	display: inline-block;
	background: url(/common/imgs/icon_train.svg) no-repeat;
	background-size: 17px 17px;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	margin-right: 0.36em;
}
#TOP .slider-box .slider-cnt .slider-item .slick-cnt .txt-01.txt-place{
	margin-bottom: 0.36em;
	padding: 0;
    border-bottom: none;
}
#TOP .wrap-recs .ttl-04{
	margin-bottom: 55px;
}
#TOP .wrap-recs .ttl-04 img {
	width: 273px;
}
#TOP .txt-01.txt-section{
	background: #0171BC;
	height: auto;
	color: #FFF;
	font-size: 1.572em;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
}
#TOP .txt-01.txt-page-name{
	background: #EEE;
	color: #000;
	font-size: 1.429em;
	flex-grow: 1;
	height: auto;
	padding: 11px 0 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

	greeting.html

-------------------------------------*/
.greeting .clm-01 p{
	margin-bottom:1em;
	line-height: 2em;
}
.greeting .clm-01 .txt-name{
	text-align: right;
	margin-top: 4em;
	color: #555;
}
.greeting .clm-01 .txt-name .txt{
	margin-left: 0.5em;
	font-size: 20px;
	font-weight: bold;
}
.greeting .main-txt{
	display: inline-block;
	text-align: left;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	color: #0071bc;
	line-height: 1.525;
	font-feature-settings: "palt";
	font-size: 40px;
}


/* SP
----------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
	
/*--------------------------------------

	index.html

-------------------------------------*/
	.top-ttl-wrap{
		position: static;
		height: auto;
		margin-bottom: 7.8%;
	}
	.top-ttl-wrap img{
		margin-left: 0;
		max-width: 100%;
		position: static;
		left: 0;
	}
	/* タイトル */
	#TOP .wrap-01 .ttl-04{
		height: 6.25vw;
	}
	#TOP .wrap-02 .ttl-04{
		height: 6.25vw;
	}
	#TOP .wrap-05 .ttl-04{
		height: 6.719vw;
	}
	#TOP .wrap-07 .ttl-04{
		height: 6.094vw;
	}
	#TOP .wrap-08 .ttl-04{
		height: 6.094vw;
	}
	/* 新着物件注釈 */
	#TOP .wrap-01 .note-clm {
		margin-top: 0;
	}
	/*緊急事態宣言*/
	#TOP .notice_0{
		margin:0 3% 7.8%;
		padding: 6.5% 6%;
	}
	#TOP .notice_0 .ttl{
	font-size: 5.85vw;
	}
	#TOP .wrap-03{
		background:url(/imgs/home/bg_01_sp.jpg) center center no-repeat;
		padding-top: 11%;
		padding-bottom: 11%;
		background-size: cover;
		margin-bottom: 12.5%;
	}
	#TOP .bnr-01 a,
	#TOP .bnr-02 a{
		width: 87.5%;	
	}
	#TOP .bnr-01 a{
		padding: 7.8% 4.6%;
		background-size: 3.9%;
	}
	#TOP .bnr-01 .bnr-cnt-01{
		width: 50%;
	}
	#TOP .bnr-02-bg{
		padding-top: 4.6%;
		padding-bottom: 4.6%;
	}
	#TOP .bnr-02 a{
		padding: 3.125% 4.7%;
	}
	#TOP .wrap-04{
		padding: 0;
		background: none;
		/* background: url(/imgs/home/bg_02_sp.jpg) center top #f4e4dd no-repeat; */
		background-size: 100%;
		margin-bottom: 15.6%;
	}
	#TOP .wrap-04 .cnt-01{
		float: none;
		background-color: #f4f4f4;
		padding: 12.5% 6.25%;
	}
	#TOP .wrap-04 .cnt-lead{
		width: 73.5%;
		margin-bottom: 7.8%;
	}
	#TOP .wrap-04 .ttl-04{
		margin-bottom: 15.6%;
	}
	#TOP .wrap-04 .txt-01{
		margin-bottom: 7.8%;
		line-height: 2em;
	}
	#TOP .wrap-04 .btn-03 a{
		background-color: rgba(255,255,255,0.5);
		width: 62.5vw;
		font-size: 1.286em;
	}
	#TOP .wrap-06{
		background: url(/imgs/home/bg_05_sp.jpg) center top no-repeat;
		padding-top: 12.5vw;
		padding-bottom: 12.031vw;
	}
	#TOP .wrap-06 .list-09{
		display: inline-block;
	}
	#TOP .wrap-06 .list-09 li + li{
		margin-top: 2.5vw;
	}
	/* J.GRANとは */
	#TOP .wrap-07 .ttl-04 img{
		width: auto;
	}
	#TOP .wrap-07 .list-02 li:last-child{
		margin-bottom: 0;
	}
	#TOP .wrap-07 .list-02 li .ttl-05{
		position: relative;
		padding-right: 2.5em;
	}
	#TOP .wrap-07 .list-02 li .ttl-05::after{
		position: absolute;
		top: calc(50% - 2px);
		right: 0;
	}
	#TOP .wrap-08{
		overflow: hidden;
	}
	#TOP .wrap-08 .ttl-04 img{
		width: auto;
		height: 6.094vw;
	}
	#TOP .wrap-08 .list-03{
		margin-right: -4%;
	}
	#TOP .wrap-08 .list-03 li{
		float: left;
		width: 46%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	#TOP .wrap-08 .list-03 li a{
		display: block;
	}
	#TOP .wrap-recs .ttl-04 {
		margin-bottom: -9.688vw;
	}
	#TOP .wrap-recs .ttl-04 img {
		width: 52.344vw;
	}
	#TOP .txt-01.txt-section {
		font-size: 3.75vw;
		padding: 1.25vw 3.75vw 0.938vw;
	}
	#TOP .txt-01.txt-page-name {
		font-size: 3.75vw;
		padding: 2.344vw 1.563vw;
	}
	
/*--------------------------------------

	greeting.html

-------------------------------------*/
	.greeting .main-img-wrap-04{
		margin-bottom:0;
	}
	.greeting .clm-copy-02 .txt-01{
		text-align: center;
		margin-bottom: 4.6%;
		width: 66.8%;
	}
	
}