ノートpcの分岐　高さで分岐　メディアクエリ

.top_prof{ mini-width: 1084px; width: 90%; right:0; left:0; margin: auto;  position: absolute;bottom: 0; color: #fff; padding: 24px; background-color: rgba(0,0,0,0.3) ;

p.pc_bio{display: block;}
p.note_bio{display: none;}
p.mob_bio{display: none;}
}




@media screen and (max-width: 736px) {
	
	
	.d_con_rela{position: relative;
	.top_bg2{.d_con_width{position:inherit;}}
	
	}
	
	.top_prof p.pc_bio {display: none;}	
	.top_prof p.note_bio{display: none;}
	.top_prof p.mob_bio {display: block;}	
	
}

@media screen and (max-height: 900px) and (min-width: 737px) {
   /* 高さ900px以下の場合 */
	
	.top_prof p.pc_bio {display: none;}	
	.top_prof p.note_bio{display: block;}
	.top_prof p.mob_bio {display: none;}	
}