@charset "utf-8";

/*=================================
	contents
================================ */

/* common */
p {
	margin-top: 10px;
}

/* heading */
.heading01 {
	background: #403b3b;
}
.heading01 span {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 18px;
	border-bottom: solid 2px #ec2113;
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
	color: #ffffff;
}
.heading02 {
	margin-top: 50px;
}
.heading02 span {
	position: relative;
	display: block;
	padding: 8px 25px 6px;
	background: #ffffff;
	border: solid 1px #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #000000;
	line-height: 1.4;
}
.heading02 + * {
	margin-top: 30px;
}
.heading02 + section {
	margin-top: 0;
}

/* 画像透過ロールオーバー時に画像サイズが変わってしまうとき */
html>/**/body .opRollover:hover { /* IE8 */
 	display /*\**/:inline-block\9;
  zoom /*\**/: 1\9;
}
.opRollover:hover, x:-moz-any-link { background: #fff;} /* 新旧Firefox */
.opRollover:hover, x:-moz-any-link, x:default { background: #fff;} /* 新旧Firefox */

/* 入力補助 */
.rollover,
.opRollover,
.equalHeight,
.equalChild {}


@media only screen and (max-width: 767px) {

	/* heading */
	.heading01 span {
		width: 100%;
		padding: 8px 20px;
		font-size: 2.0rem;
	}
	.heading02,
	.equalTwoCol01 .col .heading02,
	.equalTwoCol01 .col .heading02 {
		margin-top: 30px;
	}
	.heading02 + * {
		margin-top: 20px;
	}
	.heading02 span {
		padding: 10px;
		font-size: 1.8rem;
	}
	
}