@charset "utf-8";
/* CSS Document */

/* header */
#header {
	position: absolute;
	top: 0;
	left: 0;
	margin: 720px 0 0;
	min-width: 1080px;
}
/* #contentTop */
#contentTop {
	overflow: hidden;
}
#contentTop .wrapImgAbout ul {
	color: #d61c38;
	/*font-weight: 500;*/
	font-family: "I-OTF-UDゴ表示Pro M", sans-serif;
}
#contentTop .wrapSlide {
	padding: 0 0 2.4%;
}
#contentTop h2 {
	text-align: center;
	/*font-weight: 500;*/
	font-family: "I-OTF-UDゴ表示Pro M", sans-serif;
	font-size: 1.75em;
}
#contentTop .btnShopContent h2 {
	font-size: 1em;
	display: inline-block;
}
#contentTop h2 span {
	display: inline-block;
	border-bottom: solid 4px;
	padding: 0 0 0.35em;
	margin: 0 0 0.3em;
}
#contentTop h2 small {
	display: block;
	font-size: 0.572em;
}
/* #main */
#main {
	overflow: hidden;
	width: 100%;
	height: 720px;
	position: relative;
	min-width: 1080px;
}
#main video {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0%;
	left: 50%;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.coverMain {
	background: url(../images/spacer.gif) repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#initImgMain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	visibility: hidden;
}
/* #about */
#about {
	padding: 78px 0 0;
}
#about h2 {
	text-align: center;
	/*font-weight: 500;*/
	font-family: "I-OTF-UDゴ表示Pro M", sans-serif;
	color: #d61c38;
	position: relative;
	font-size: 1.75em;
	padding: 3% 0 0;
}
#about h2>span {
	position: relative;
	display: inline-block;
	border-bottom: solid 4px #d61c38;
	padding: 0 0 0.35em;
	margin: 0 0 0.3em;
}
#about h2 small {
	display: block;
	font-size: 0.572em;
}
#about .textAbout01 {
	color: #d61c38;
	font-size: 1.5em;
	text-align: center;
	/*font-weight: 500;*/
	font-family: "I-OTF-UDゴ表示Pro M", sans-serif;
	padding: 3.1% 0 0;
	position: relative;
	z-index: 1;
}
#about p .btnBox {
	font-size: 0.584em;
	border: solid 1px;
	line-height: 1.715;
	display: inline-block;
	padding: 0 2.3% 0 2.2%;
	position: relative;
	vertical-align: top;
	margin: 0 0 0 1em;
}
#about .wrapImgAbout {
	position: relative;
	margin: -4.2% 0 -4%;
}
#about .wrapImgAbout p {
	font-size: 0.875em;
	line-height: 1.5;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
}
#about .imgAbout01 {
	width: 50.389%;
	margin: 0 auto;
	display: block;
	height: auto;
}
#about .boxAbout01 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 14.5% 0 0 21.8%;
}
#about .boxAbout01 p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 27% 0 0 -65%;
}
#about .iconAbout01 {
	width: 92%;
	height: auto;
}
#about .boxAbout02 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 14.6% 0 0 69.9%;
}
#about .boxAbout02 p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 60.4% 0 0 119%;
	white-space: nowrap;
}
#about .iconAbout02 {
	width: 93%;
	height: auto;
}
#about .boxAbout03 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 28.8% 0 0 25.5%;
}
#about .boxAbout03 p {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	margin: 52% 0 0 -170%;
}
#about .iconAbout03 {
	width: 94%;
	height: auto;
}
#about .boxAbout04 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 28.9% 0 0 69.9%;
}
#about .boxAbout04 p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 37% 0 0 111%;
}
#about .iconAbout04 {
	width: 91%;
	height: auto;
}
/* #products */
#products {
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#products .inner {
	position: relative;
	z-index: 1;
}
.bgProducts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d61c38;
}
#products h2 {
	padding: 7% 0 2.2%;
	position: relative;
	z-index: 1;
}
#products .imgProducts01 {
	display: block;
	margin: 0 auto;
	height: auto;
	width: 23.982%;
	padding: 0 0 0 0.3%;
}
#products .btnBox {
	font-size: 0.875em;
	border: solid 1px;
	line-height: 1.715;
	display: inline-block;
	padding: 0 2.3% 0 2.2%;
	margin: 2.2% 0 3.9%;
	position: relative;
	z-index: 1;
}
#about p .btnBox:after,
#products .btnBox:after {
	content: "\3009";
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* #faq */
#faq {
	background: #fff2ca;
}
#faq h2 {
	color: #d61c38;
	padding: 5.9% 0 1.6%;
}
#faq .boxSlide {
	width: 16.112%;
	float: left;
}
#faq .boxSlide a {
	background: #fff;
	color: #d61c38;
	/*font-weight: 500;*/
	font-family: "I-OTF-UDゴ表示Pro M", sans-serif;
	display: block;
	line-height: 1.5;
	margin: 0 14.1% 0 14.3%;
	padding: 4.9% 5.8%;
	min-height: 4.7em;
	position: relative;
	outline: none;
	text-align: justify;
}
#faq .boxSlide a:before {
	content: "";
	border: solid 1em transparent;
	border-right: solid 1em #fff;
	position: absolute;
	top: 0;
	left: 0;
	-ms-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	margin: 11% 0 0 1px;
}

@media all and (max-width: 1280px) {
	#main {
		height: 0;
		padding-bottom: 56.25%;
	}
	#header {
		margin-top: 56.25%;
	}
}

@media screen and (max-width: 1080px) {
	#header {
		margin-top: 608px;
	}
}

@media screen and (max-width: 767px) {
	/* header */
	#header {
		margin: 0;
		min-width: 0px;
	}
	/* #contentTop */
	#contentTop .wrapSlide {
		padding-bottom: 5%;
	}
	#contentTop h2 {
		font-size: 1.12em;
	}
	#contentTop h2 span {
		border-width: 0.143em;
	}
	/* #main */
	#main {
		height: 0;
		padding-bottom: 56.267%;
		min-width: 0;
	}
	/* #about */
	#about {
		padding: 0;
	}
	#about h2 {
		padding: 0 0 2.5%;
	}
	#about .textAbout01 {
		font-size: 0.8em;
		line-height: 1.5;
	}
	#about p .btnBox {
		display: block;
		font-size: 0.7em;
		width: 32.4%;
		margin: 3.8% auto 0;
		box-sizing: border-box;
	}
	#about .wrapImgAbout {
		margin: -6.9% 0 2.7% 0;
	}
	#about .wrapImgAbout p {
		font-size: 0.44em;
	}
	#about .imgAbout01 {
		width: 88.4%;
	}
	#about .boxAbout01 {
		width: 19.867%;
		margin: 19.4% 0 0 7%;
	}
	#about .boxAbout01 p {
		margin: 86% 0 0 5%;
	}
	#about .iconAbout01 {
		width: 100%;
	}
	#about .boxAbout02 {
		width: 8.667%;
		margin: 19.2% 0 0 79.4%;
	}
	#about .boxAbout02 p {
		margin: 198.9% 0 0 -72%;
		text-align: right;
		letter-spacing: 0.13em;
	}
	#about .iconAbout02 {
		width: 100%;
	}
	#about .boxAbout03 {
		width: 9.067%;
		margin: 47.4% 0 0 12.4%;
	}
	#about .boxAbout03 p {
		margin: 160% 0 0 -49%;
	}
	#about .iconAbout03 {
		width: 100%;
	}
	#about .boxAbout04 {
		width: 9.2%;
		margin: 54% 0 0 0 70%;
		margin: 47.4% 0 0 79.2%;
	}
	#about .boxAbout04 p {
		margin: 146% 0 0 -46%;
		text-align: right;
	}
	#about .iconAbout04 {
		width: 100%;
	}
	/* #products */
	#products h2 {
		padding: 22% 0 6.5% 0;
	}
	#products .imgProducts01 {
		width: 55.601%;
		padding: 0 0.5% 0 0;
	}
	#products .btnBox {
		font-size: 0.56em;
		padding: 0 7% 0 7%;
		margin: 7.3% 0 21.8%;
	}
	/* #faq */
	#faq h2 {
		padding: 7.8% 0 5% 0;
	}
	#faq .boxSlide {
		width: 50%;
	}
	#faq .boxSlide a {
		font-size: 0.64em;
	}
}

@media print {
	#about li,
	#products .inner,
	.bgProducts {
		opacity: 1 !important;
		transform: translateY(0) !important;
	}
	#faq .boxSlide {
		opacity: 1 !important;
	}
}