.page_header{
	background-image:url(img/header.jpg);
	background-repeat:  no-repeat;
	background-position:center center;
	height:90vh;
	max-height:800px;
	position:relative;
	overflow:hidden;
}


/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:1280px) {
	.mmadori_float{
		float:left;
		margin:10px;
	}
	
	.mmadori_float img{
		width:380px;
		height:575px;
	}
}

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


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:960px) and (max-width:1279px) {
	.mmadori_float{
		float:left;
		margin:1%;
		padding:0;
		width:48%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
}
/*------------------------------------------------------------------------*/


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:959px) {
	.mmadori_float{
		float:left;
		margin:1%;
		padding:0;
		width:48%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
}
/*------------------------------------------------------------------------*/


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:480px) and (max-width:599px) {
	.mmadori_float{
		float:none;
		margin:0 0 30px 0;
		padding:0;
		width:100%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
}
/*------------------------------------------------------------------------*/


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (max-width:479px) {
	.mmadori_float{
		float:none;
		margin:0 0 30px 0;
		padding:0;
		width:100%;
	}
	
	.mmadori_float img{
		width:100%;
		height:100%;
	}
}
/*------------------------------------------------------------------------*/