#header:before {
	background-image: url(../img/genmyo/key.jpg);
}

#sec1 {
	background: url(../img/genmyo/bg-sec1.jpg) no-repeat center top / cover;
	min-height: 890px;
}
#sec1 h2 {
	position: absolute;
	top: 267px;
	right: 129px;
}
#sec1 .txt {
	margin-left: 255px;
	padding: 300px 0 0;
	width: 500px;
}
#sec1 .txt > * {
}
#sec1 .txt > * + * {
	margin-right: 30px;
}

#sec2 {
	background: url(../img/genmyo/bg-sec2.jpg) no-repeat center top / cover;
	min-height: 890px;
}
#sec2 .wrap {
	min-height: 890px;
}
#sec2 h2 {
	position: absolute;
	top: 215px;
	right: -1px;
	z-index: 2;
}
#sec2 .txt {
	margin-left: 740px;
	padding: 300px 0 0;
	height: 480px;
	position: relative;
	z-index: 2;
}
#sec2 .pic {
	margin: auto;
	width: 1400px;
	height: 890px;
	position: absolute;
	top: 0;
	left: -200px;
	right: -200px;
	bottom: 0;
	z-index: 1;
}

#sec3 {
	background: url(../img/genmyo/bg-sec3.jpg) no-repeat center top / cover;
	min-height: 890px;
}

#sec3 p.price{
	font-size:1.5em;
}

#sec3 p.price span{
	font-size:0.5em;
}






#sec3 .blk1 {
	float: left;
	margin-left: 80px;
	padding: 180px 0 0;
	width: 365px;
}
#sec3 .blk1 h2 {
	padding: 0 0 20px;
}
#sec3 .blk1 .txt {
}
#sec3 .blk2 {
	float: right;
	margin-right: 50px;
	padding: 180px 0 0;
	width: 340px;
}
#sec3 .blk2 h2 {
	padding: 0 0 20px;
}
#sec3 .blk2 .txt {
}




#sec4 .price span{
	font-size:0.5em;
}

#sec4 .blk1 .price, #sec4 .blk4 .price{
	font-size:1.5em;
	position:absolute;
	top:500px;
	right:30%;
	color:#000;
}

#sec4 .blk2 .price{
	font-size:1.5em;
	position:absolute;
	top:400px;
	right:27%;
	color:#000;
}

#sec4 .blk3 .price{
	font-size:1.5em;
	position:absolute;
	top:620px;
	right:30%;
	color:#000;
}

#sec4 .blk5 .price{
	font-size:1.5em;
	position:absolute;
	top:450px;
	right:27%;
	color:#000;
}





#sec4 {
	background: url(../img/genmyo/bg-sec4.jpg) no-repeat center top / cover;
	min-height: 890px;
	position: relative;
}
#sec4 .list {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-140px) translateY(-50%);
	-moz-transform: translateX(-140px) translateY(-50%);
	-webkit-transform: translateX(-140px) translateY(-50%);
	transition:
		left.3s ease,
		transform.3s ease;
	-moz-transition:
		left.3s ease,
		transform.3s ease;
	-webkit-transition:
		left.3s ease,
		transform.3s ease;
	z-index: 1;
}
#sec4.active .list {
	left: 5.5%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#sec4 .list li {
	transition: margin .3s ease;
	-moz-transition: margin .3s ease;
	-webkit-transition: margin .3s ease;
}
#sec4 .list li + li {
	margin-top: 25px;
}
#sec4.active .list li + li {
	margin-top: -10px;
}
#sec4 .list span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transform-origin: center left;
	-moz-transform-origin: center left;
	-webkit-transform-origin: center left;
	transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
}
#sec4 .list span:before,
#sec4 .list span:after {
	content: "";
	opacity: 0;
	margin: auto;
	background: #bebebe;
	height: 1px;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
	transition:
		opacity.3s ease,
		left.3s ease;
	-moz-transition:
		opacity.3s ease,
		left.3s ease;
	-webkit-transition:
		opacity.3s ease,
		left.3s ease;
}
#sec4 .list li:hover span:before,
#sec4 .list li:hover span:after,
#sec4.active .list li.active span:before,
#sec4.active .list li.active span:after {
	opacity: 1;
	left: 105%;
}
#sec4 .list span:before {
	width: 170px;
}
#sec4 .list span:after {
	width: 15px;
	transform: rotate(45deg) translate(105px, -120px);
	-moz-transform: rotate(45deg) translate(105px, -120px);
	-webkit-transform: rotate(45deg) translate(105px, -120px);
	transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}
#sec4.active .list span {
	transform: scale(.5);
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
}
#sec4 .list img {
	max-width: 100%;
	height: auto;
	transition: width .3s ease;
	-moz-transition: width .3s ease;
	-webkit-transition: width .3s ease;
}
#sec4 .desc {
	padding: 175px 0 0;
	width: 280px;
	transition:
		opacity .3s ease,
		transform .3s ease,
		visibility .3s ease;
	-moz-transition:
		opacity .3s ease,
		transform .3s ease,
		visibility .3s ease;
	-webkit-transition:
		opacity .3s ease,
		transform .3s ease,
		visibility .3s ease;
}
#sec4.active .desc {
	opacity: 0;
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	visibility: hidden;
}
#sec4 .main {
	margin-left: -270px;
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	bottom: 0;
	transform: translateX(100%);
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
}
#sec4.active .main {
	transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
}
#sec4 .blk {
	opacity: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition:
		opacity .3s ease,
		visibility .3s ease;
	-moz-transition:
		opacity .3s ease,
		visibility .3s ease;
	-webkit-transition:
		opacity .3s ease,
		visibility .3s ease;
	visibility: hidden;
}
#sec4 .blk.active {
	opacity: 1;
	visibility: visible;
}
#sec4 h2 {
	position: absolute;
	top: 150px;
	right: 17.94%;
}
#sec4 .txt {
	color: #000;
	width: 280px;
	position: absolute;
	right: 23.93%;
}


#sec4 .blk1 {
	background-image: url(../img/genmyo/bg-sec4-img1.jpg);
}
#sec4 .blk1 h2 {
}
#sec4 .blk1 .txt {
	top: 400px;
}
#sec4 .blk2 {
	background-image: url(../img/genmyo/bg-sec4-img2.jpg);
}
#sec4 .blk2 h2 {
}
#sec4 .blk2 .txt {
	top: 225px;
}
#sec4 .blk3 {
	background-image: url(../img/genmyo/bg-sec4-img3.jpg);
}
#sec4 .blk3 h2 {
}
#sec4 .blk3 .txt {
	bottom: 280px;
}
#sec4 .blk4 {
	background-image: url(../img/genmyo/bg-sec4-img4.jpg);
}
#sec4 .blk4 h2 {
}
#sec4 .blk4 .txt {
	width: 250px;
	top: 340px;
	right: 27.93%;
}
#sec4 .blk5 {
	background-image: url(../img/genmyo/bg-sec4-img5.jpg);
}
#sec4 .blk5 h2 {
}
#sec4 .blk5 .txt {
	top: 340px;
	width: 300px;
}