@charset "utf-8";

/* Panel */
h1.PanelTitle
{
	background-image			:	url('./image/Panel/Background.jpg');
	background-size				:	cover;
	background-position			:	center center;
	text-align				:	left;
}
h1.PanelTitle img
{
	height					:	48px;
	margin-left				:	80px;
}


/*
======================================
Pc
======================================
*/
@media (min-width: 401px)
{
	/* Photo */
	#PanelPhoto
	{
		position					:	relative;
		width					:	100%;
		height					:	450px;
	}
	#PanelPhoto img
	{
		position					:	absolute;
		width					:	330px;
	}
	#PanelPhoto img#ImagePhoto1,
	#PanelPhoto img#ImagePhoto3
	{
		top					:	0px;
	}
	#PanelPhoto img#ImagePhoto2,
	#PanelPhoto img#ImagePhoto4
	{
		top					:	226px;
	}
	#PanelPhoto img#ImagePhoto1,
	#PanelPhoto img#ImagePhoto2
	{
		left					:	0px;
	}
	#PanelPhoto img#ImagePhoto3,
	#PanelPhoto img#ImagePhoto4
	{
		left					:	335px;
	}
	#PanelPhoto img#ImagePhoto5
	{
		top					:	0px;
		right					:	0px;
		width					:	310px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 400px)
{
	/* Panel */
	h1.PanelTitle
	{
		padding					:	50px 0px;
		background-size				:	400px 200px;
		background-position			:	-5px -30px;
		text-align				:	left;
	}
	h1.PanelTitle img
	{
		height					:	24px;
		margin					:	0px 15px 0px 15px;
	}

	/* Photo */
	#PanelPhoto
	{
		text-align				:	center;
	}
	#PanelPhoto img#ImagePhoto5
	{
		width					:	60%;
	}

}