@charset "utf-8";
.clear-fix:after{ clear: both; content: ""; display: block;}
@media screen and (min-width:391px) {
	div.page {
		font-size: 1.15em;
		margin: 0 auto 30px auto;
		width: 940px;
	}
	div.page strong {
		color: #D6000F;
	}
	div.page h2 {
		margin: 0 0 15px 0;
	}
	div.page h2 + p {
		text-align: center;
	}
	div.page > div {
		background-color: #C9DAE9;
		padding: 20px 30px 30px 30px;
		margin: 30px 0 0 0;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	div.page > div > div {
		background-color: #FFF;
		text-align: left;
		width: 48.5%;
		margin: 20px 0 0 0;
		padding: 20px;
		box-sizing: border-box;
	}
	div.page > div > div:nth-of-type(1),
	div.page > div > div:nth-of-type(2) {
		margin: 15px 0 0 0 !important;
	}
	div.page > div.resolution > div {
		width: 100% !important;
	}
	div.page > div h3 {
		text-align: center;
		font-size: 1.55em;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 5px 0 0 0;
	}
	div.page > div h3:before {
		display: inline-block;
		content: "";
		background-image: url("/parts/contents/monitor_select/check.svg");
		background-position: top -3px left;
		background-repeat: no-repeat;
		width: 27px;
		height: 27px;
		margin-right: 8px;
	}
	div.page > div h4 {
		font-size: 1.25em;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	div.page > div h4 + p {
		text-align: center;
		margin: 15px 0;
	}
}
@media screen and (max-width:390px) { 
	div.page {
		font-size: 0.85em;
		margin-bottom: 2em;
	}
	div.page strong {
		color: #D6000F;
	}
	div.page h2 {
		padding: 0;
		margin: 0 0 0.5em 0;
	}
	div.page h2 + p {
		width: 92%;
		margin: 0 auto;
	}
	div.page > div {
		background-color: #C9DAE9;
		padding: 1em;
		margin: 1.75em 0 0 0;
		box-sizing: border-box;
	}
	div.page > div > div {
		background-color: #FFF;
		text-align: left;
		width: 100%;
		margin: 1em 0 0 0;
		padding: 1.25em;
		box-sizing: border-box;
	}
	div.page > div > div:nth-of-type(1) {
		margin: 0 !important;
	}
	div.page > div h3 {
		font-size: 1.55em;
		padding: 0;
		margin: 0.2em 0 0 0;
		display: flex;
		align-items: center;
	}
	div.page > div h3:before {
		display: inline-block;
		content: "";
		background-image: url("/parts/contents/monitor_select/check.svg");
		background-position: top left;
		background-repeat: no-repeat;
		width: 27px;
		height: 27px;
		margin-right: 8px;
	}
	div.page > div h4 {
		font-size: 1.25em;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	div.page p.img {
		width: 30%;
		float: right;
		margin: 0 0 0.5em 0.5em;
	}
}