@charset "UTF-8";
/* CSS Document */

/*==============================
コンテンツ設定
==============================*/

/*ページビジュアル*/
#pageVisual{
	background: url(../img/works/bg_main.webp) no-repeat center center / cover;
}

/*ページビジュアル  見出し英語*/
#pageVisual .pageNav h2::after{
	content: "WORKS";
}

/*施工例全体*/
#works{
	background: #333;
}

/*施工例 施工例BOX*/
#works .worksBox{
	margin: 0 auto;
}

/*都市と名前*/
.postTitle dt{
	color: #fff;
	font-size: 1.6rem;
	line-height: 1;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*都市の装飾*/
.postTitle dt .city::after{
	content: "・";
}

/*家の名前*/
.postTitle dd{
	margin: 10px 0 0 0;
	color: #fff;
	font-size: 2rem;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
/*	white-space: nowrap;*/
}

/*==============================
レスポンシブ設定
==============================*/


/*600px以下の場合*/
@media screen and (max-width:600px){

	/*情報*/
	.postTitle{
		margin: 15px 0 0 0;
	}

	/*都市と名前*/
	.postTitle dt{
		font-size: 1.4rem;
	}

	/*家の名前*/
	.postTitle dd{
		font-size: 1.8rem;
	}


}

/*430px以下の場合*/
@media screen and (max-width:430px){

	/*ページビジュアル*/
	#pageVisual{
		background: url(../img/works/bg_main_sp.webp) no-repeat center center / cover;
	}



}