/*===============================================
�–�–�–�–‹¤’Ê�–�–�–
===============================================*/
div#main	article	section	ul	li	{
	color: #330000 !important;
	text-align: left;
	font-family: "Times New Roman", "Ÿà–¾’©", "Yu Mincho", "Ÿà–¾’©‘Ì", "YuMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", serif;
	background: url("img/hrz.gif") no-repeat bottom center;
	background-size: contain;
}

@media only screen and (min-width: 737px){
div#main	article	{
	width: 90%;
	max-width: 687px;
	margin: 78px auto 68px;
/*	-js-display: flex;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;*/
	display: table;
}
div#main	article	img	{
	width: 284px;
	margin: 0 70px 0 0;
}
div#main	article	section	{
	display: table-cell;
	vertical-align: top;
}

div#main	article	section	h2	{
	text-align: left;
}
div#main	article	section	h2	img.switch	{
	width: 112px;
	margin: 5px 0 32px 25px;

}
div#main	article	section	ul	{
	margin: 0 auto 43px;
	text-align: left;
}
div#main	article	section	ul	li	{
	width: 232px;
	padding-left: 25px;
	font-size: 16px;
	line-height: 32px;

}
}
@media only screen and (max-width:736px){
div#main	article	{
	width: 80%;
	max-width: 496px;
	margin: 0 auto;
	padding: 11% 0 3%;
}
div#main	article	img	{
	float: right;
	width: 50%;
	margin: 0 0 7% 5%;
}
div#main	article	section	{
}

div#main	article	section	h2	{
	float: left;
	width: 43%;
	margin: 20% 0 0 2%;
	text-align: left;

}
div#main	article	section	h2	img.switch	{
	width: 80%;
	max-width: 98px;

	float: none;
}
div#main	article	section	ul	{
	clear: both;
	width: 100%;
	margin: 0 auto;
}
div#main	article	section	ul	li	{
	width: 100%;
	max-width: 496px;
	margin: 0 auto;
	padding: 0 4%;
	font-size: 1em;
	line-height: 2;

}

}