@charset "utf-8";

		body {font-family: sans-serif;line-height: 1.6;color: #333;background: #fffcf2;}
		header{width: 100%;max-width: 1100px;margin: 0 auto;}
		main{display: flex;gap: 20px;width: 100%;max-width: 1100px;margin: 1.5rem auto;}
		.fv {width: 100%;pointer-events: none;}
		.fv img {width: 100%;height: auto;margin-bottom: 0px;}
		.main-article {flex: 1;background: #fff;}
		.obi01{background: #CD886C;padding:10px;text-align: center;color: #fff;font-weight: bold;}
		.pc { display: block !important; }
		.sp { display: none !important; }
		@media (max-width: 768px){
			.pc { display: none !important; }
			.sp { display: block !important; }
			main{margin-top:0px;}
		}	

	.main-article h3{
		color: #CD886C;
		border-bottom:1px solid #CD886C;
	}

/*比較表タイトル*/

h2 {
	font-size: 22px;
	line-height: 1.5;
	margin-top: 24px;
	margin-bottom: 12px;
	position: relative;
	padding: 1em;
	border-top: solid 2px #CD886C;
	border-bottom: solid 2px #CD886C;
	text-align: center;
	background: #F9F4F2;
	color: #CD886C;
}
h2:before,
h2:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 2px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #CD886C;
}
h2:before {
	left: 7px;
}
h2:after {
	right: 7px;
}
	
	@media (max-width: 768px) {
	.sidebar{display:block;}
}