@charset "utf-8";

	/* Body */
	body
	{
		margin			:	0px;
		font-family			:	'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	/* Panel */
	div.PanelContent
	{
		margin			:	0px auto;
		text-align			:	center;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}

	/* Main */
	#PanelMain
	{
		position			:	relative;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}
	#PanelMain h1
	{
		margin			:	0px;
		padding			:	0px;
		line-height			:	0px;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}
	#PanelMain h1 img
	{
		width				:	100%;
		line-height			:	0px;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}

	/* Button */
	div.PanelFormButton
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelFormButton ul
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelFormButton ul li
	{
		margin			:	0px;
		padding			:	0px;
		border-radius		:	5px;
		overflow			:	hidden;
	}
	div.PanelFormButton ul li img
	{
		background-image		:	url( './image/Button/Background.png' );
		background-repeat		:	no-repeat;
		background-size		:	cover;
		background-position	:	center center;
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}


/*
======================================
Pc
======================================
*/
@media (min-width:801px)
{
	/* Body */
	body
	{
		font-size			:	14px;
		line-height			:	1.8em;
	}

	/* Platform */
	.PanelPc
	{
	}
	.PanelSmartPhone
	{
		display			:	none !important;
	}

	/* Main */
	#PanelMain
	{
		margin			:	0px 0px 50px 0px;
	}

	/* Button */
	div.PanelFormButton
	{
		margin			:	50px 0px;
	}
	div.PanelFormButton ul
	{
		
	}
	div.PanelFormButton ul li
	{
		display			:	inline-block;
		margin			:	0px 20px;
	}
	div.PanelFormButton ul li img
	{
		height				:	20px;
		padding			:	15px 70px;
	}

}

/*
======================================
Wide PC
======================================
*/
@media (min-width: 1281px)
{
	/* Panel */
	div.PanelContent
	{
		width				:	800px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media (min-width: 1025px) and (max-width: 1280px)
{
	/* Panel */
	div.PanelContent
	{
		width				:	800px;
	}
}

/*
======================================
Tablet
======================================
*/
@media (min-width: 801px) and (max-width: 1024px)
{
	/* Panel */
	div.PanelContent
	{
		width				:	650px;
	}

	/* Button */
	div.PanelFormButton ul li
	{
		margin			:	0px 10px;
	}
	div.PanelFormButton ul li img
	{
		padding			:	15px 50px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	/* Body */
	body
	{
		font-size			:	12px;
		line-height			:	1.8em;
	}

	/* Panel */
	div.PanelContent
	{
		width				:	300px;
		padding			:	0px 0px 50px 0px;
	}

	/* Platform */
	.PanelPc
	{
		display			:	none !important;
	}
	.PanelSmartPhone
	{
	}

	/* Main */
	#PanelMain
	{
		margin			:	0px 0px 30px 0px;
	}

	/* Button */
	div.PanelFormButton
	{
		margin			:	30px 0px;
	}
	div.PanelFormButton ul
	{
		
	}
	div.PanelFormButton ul li
	{
		display			:	block;
		margin			:	0px 0px 15px 0px;
	}
	div.PanelFormButton ul li img
	{
		height				:	15px;
		padding			:	15px 70px;
	}
}