@charset "UTF-8";


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/real-estate/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　不動産　
*****************************************************/
/* 冒頭 
------------------------------------------------- */
.col-block_l1.top.img-large .txt{
	max-width:630px;
	width:54%;
}
.col-block_l1.top.img-large .txt .ttl{
	font-size:38px;
	font-size:3.8rem;
}
.col-block_l1.top.img-large .txt p{
	margin-top:45px;
	width:94%;
}
/* ----- 横長画像 ----- */
.col-block_l1.top.img-large .bgimg{
	background:url('../img/real-estate/re_img1.jpg') right top;
	background-size:cover;
	left:auto;
	right:0;
}
/* 冒頭2 
------------------------------------------------- */
.col-block_l1 + .col-block_l1.top2{
	align-items:center;
	margin-top:135px;
}
/* 不動産情報 
------------------------------------------------- */
#real-estate{
	margin:150px auto 0;
}
.re-list_wrap{
	background:#fff;
	margin-top:25px;
	padding:55px 0 70px;
}
/* ----- タイトル ----- */
#real-estate .head{
	margin:0 auto;
	max-width:1120px;
	width:100%;
}
#real-estate .head .ttl{
	align-items:center;
	display:flex;
	font-size:33px;
	font-size:3.3rem;
	font-weight:normal;
	white-space:nowrap;
}
#real-estate .head .ttl .en{
	display:inline-block;
	margin-right:45px;
}
#real-estate .head .lead{
	letter-spacing:0.05em;
	line-height:1.4;
	margin:40px 0 30px;
}
/* ----- .re-item ----- */
.re-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:80px auto 0;
	max-width:1120px;
	width:100%;
}
.re-list .re-item{
	max-width:535px;
	width:48%;
}
.re-list .re-item:nth-child(3),
.re-list .re-item:nth-child(4){
	margin-top:85px;
}
/* 画像 */
.re-item .imgwrap{
	margin-bottom:15px;
	position:relative;
}
.re-item .img img{
	width:100%;
}
/* カテゴリー */
.re-item .category{
	display:flex;
	left:0;
	position:absolute;
	top:0;
	z-index:1;
}
.re-item .category span{
	line-height:30px;
	text-align:center;
	width:168px;
}
.re-item .category span.bunjo{
	background:#2255a4;
	color:#fff;
}
.re-item .category span.land{
	background:#fcf363;
	color:#2255a4;
}
/* テキスト */
.re-item .txt{
	margin:0 20px;
}
/* 日付 */
.re-item .date{
	color:#263a4f;
	letter-spacing:0.075em;
}
/* タイトル */
.re-item .ttl{
	font-size:19px;
	font-size:1.9rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	margin-top:12px;
}
.re-item .ttl a{
	color:#2255a4;
	text-decoration:underline;
}
/* 投稿なし */
#real-estate .none{
	margin:80px auto 0;
	max-width:1120px;
	text-align:center;
	width:100%;
}
/* ----- リンク ----- */
#real-estate .more{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.3em;
	margin:40px 0 0;
	text-align:center;
}
#real-estate .more a{
	border-bottom:2px solid #263a4f;
	padding:0 45px 15px;
}
/* 不動産に関するお問い合わせ 
------------------------------------------------- */
#contact{
	margin:190px 0 180px;
}
/* ----- タイトル ----- */
#contact .ttl{
	text-align:center;
}
#contact .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
}
#contact .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- .contact-block ----- */
.contact-block{
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin:90px auto 0;
	max-width:1020px;
	width:100%;
}
/* .c-item */
.contact-block .c-item a[href*='tel:']{
	background:url('../img/real-estate/tel.png') no-repeat center left;
	background-size:70px 66px;
	cursor:default;
	color:#2255a4;
	display:inline-block;
	font-size:41px;
	font-size:4.1rem;
	font-weight:bold;
	letter-spacing:0.05em;
	margin:15px 0 20px;
	padding:12px 0 13px 88px;
	pointer-events:none;
	text-decoration:none;
}
.contact-block .c-item p{
	letter-spacing:0.05em;
	text-align:center;
}
/* お問合せボタン */
.contact-block .contact-btn{
	background:#2255a4;
	line-height:90px;
	text-align:center;
	max-width:495px;
	width:49%;
	margin: auto;
}
.contact-block .contact-btn a{
	color:#fff;
	display:block;
}
.contact-block .contact-btn a span{
	background:url('../img/common/arrowicon_white.png') no-repeat right center;
	background-size:9px 14px;
	display:inline-block;
	font-size:20px;
	font-size:2.0rem;
	padding:0 80px;
}
/* グループ関連会社 
------------------------------------------------- */
.business-group .bg-block .bg-item{
	max-width:none;
	width:auto;
}
.business-group .bg-block .bg-item .permission-num{
	max-width:565px;
	width:100%;
}
.business-group .bg-block .bg-item .permission-num + .permission-num{
	margin-top:10px;
}
.business-group .bg-block .bg-item .permission-num .item{
	text-align:center;
	width:160px;
}
.business-group .bg-block .bg-item .permission-num .num{
	width:calc(100% - 160px);
}


@media screen and (max-width:1024px){
	/*****************************************************
	　不動産　
	*****************************************************/
	/* 冒頭 
	------------------------------------------------- */
	.col-block_l1.top.img-large .txt{
		max-width:none;
		width:auto;
	}
	.col-block_l1.top.img-large .txt .ttl{
		font-size:5.93vw;
	}
	.col-block_l1.top.img-large .txt .ttl br{
		display:none;
	}
	.col-block_l1.top.img-large .txt p{
		margin-top:3vw;
		width:auto;
	}
	/* ----- 横長画像 ----- */
	.col-block_l1.top.img-large .bgimg{
		width:auto;
	}
	/* 冒頭2 
	------------------------------------------------- */
	.col-block_l1 + .col-block_l1.top2{
		margin-top:21.09vw;
	}
	.col-block_l1 + .col-block_l1.top2 .img{
		margin-bottom:3vw;
	}
	.col-block_l1 + .col-block_l1.top2 .img img{
		width:100%;
	}
	/* 不動産情報 
	------------------------------------------------- */
	#real-estate{
		margin:23.43vw auto 0;
	}
	.re-list_wrap{
		margin-top:3.9vw;
		padding:8.59vw 0 10.93vw;
	}
	/* ----- タイトル ----- */
	#real-estate .head{
		max-width:none;
	}
	#real-estate .head .ttl{
		display:block;
		font-size:5.15vw;
		white-space:normal;
	}
	#real-estate .head .ttl .en{
		display:block;
		margin:0 0 3.12vw;
		width:90.62vw;
	}
	#real-estate .head .ttl .en img{
		height:7vw;
	}
	#real-estate .head .lead{
		margin:6.25vw 0 4.68vw;
	}
	/* ----- .re-item ----- */
	.re-list{
		margin:0 auto;
		max-width:none;
	}
	.re-list .re-item{
		max-width:none;
	}
	.re-list .re-item:nth-child(3),
	.re-list .re-item:nth-child(4){
		margin-top:13.28vw;
	}
	/* 画像 */
	.re-item .imgwrap{
		margin-bottom:2.34vw;
	}
	/* カテゴリー */
	.re-item .category span{
		line-height:4.68vw;
		width:26.25vw;
	}
	/* テキスト */
	.re-item .txt{
		margin:0 3.12vw;
	}
	/* タイトル */
	.re-item .ttl{
		font-size:2.96vw;
		margin-top:1.87vw;
	}
	/* 投稿なし */
	#real-estate .none{
		margin:12.5vw auto 0;
		max-width:none;
	}
	/* ----- リンク ----- */
	#real-estate .more{
		font-size:3.12vw;
		margin:6.25vw 0 0;
	}
	#real-estate .more a{
		padding:0 7.03vw 2.34vw;
	}
	/* 不動産に関するお問い合わせ 
	------------------------------------------------- */
	#contact{
		margin:29.68vw 0 28.12vw;
	}
	/* ----- タイトル ----- */
	#contact .ttl span{
		font-size:5.78vw;
	}
	#contact .ttl span:before{
		bottom:-2.34vw;
		height:4.68vw;
	}
	/* ----- .contact-block ----- */
	.contact-block{
		display:block;
		margin:14.06vw auto 0;
		max-width:none;
		text-align:center;
	}
	/* .c-item */
	.contact-block .c-item{
		display:inline-block;
	}
	.contact-block .c-item a[href*='tel:']{
		/*background:url('../img/real-estate/tel.png') no-repeat center left;
		background-size:70px 66px;*/
		background-size:8.5vw auto;
		font-size:6.4vw;
		line-height:10.31vw;
		margin:0;
		padding:0 0 0 12vw;
		pointer-events:auto;
	}
	/* お問合せボタン */
	.contact-block .contact-btn{
		line-height:14.06vw;
		margin:4.68vw auto;
		max-width:none;
		width:80vw;
	}
	.contact-block .contact-btn a span{
		background-size:1.4vw 2.18vw;
		font-size:3.12vw;
		padding:0 12.5vw;
	}
	/* グループ関連会社 
	------------------------------------------------- */
	.business-group .bg-block .bg-item .permission-num{
		max-width:none;
		width:auto;
	}
	.business-group .bg-block .bg-item .permission-num + .permission-num{
		margin-top:1.56vw;
	}
	.business-group .bg-block .bg-item .permission-num .item{
		width:25vw;
	}
	.business-group .bg-block .bg-item .permission-num .num{
		width:calc(100% - 25vw);
	}
}