#key {
	background: url(../img/howto/key-bg.jpg) no-repeat center center / cover;
}
#sec1 {
	background: url(../img/howto/sec1-bg.png) no-repeat center top;
	padding-top: 44px;
}
#sec1 .cmt {
	position: absolute;
	top: 0;
	left: 390px;
}
#sec1 .photo {
	float: left;
	margin-left: -100px;
}
#sec1 .txt {
	width: 348px;
}
#sec1 .bnr {
	margin: -25px -100px 0 0;
}
#sec2 .wrap:before {
	position: absolute;
	top: 0;
	left: -359px;
	background: url(../img/howto/sec2-bg-before.png) no-repeat center top;
	width: 359px;
	height: 277px;
	content: '';
}
#sec2 h2, #sec2 h3 {
	position: relative;
	z-index: 1;
}
#sec2 .alcohol {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#sec2 .txt {
	padding: 28px 0 0 15px;
	width: 444px;
}
#sec2 .bnr {
	margin: -15px 0 55px -100px;
}
#sec2 .photo {
	position: absolute;
	top: 81px;
	right: -100px;
}
#sec2 .deco1 {
	position: absolute;
	top: 609px;
	left: -300px;
}
#sec2 .deco2 {
	position: absolute;
	top: 250px;
	right: -300px;
}
#sec3 {
	background: url(../img/howto/sec3-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
#sec3 .wrap {
	min-height: 766px;
}
#sec3 .night {
	position: absolute;
	top: 0;
	right: 246px;
	z-index: 2;
}
#sec3 .box {
	float: right;
	position: relative;
	z-index: 1;
}
#sec3 .box .txt {
	padding: 22px 0 5px 327px;
	width: 435px;
	color: #fef7ec;
}
#sec3 .photo {
	position: absolute;
	top: 152px;
	left: -100px;
}
/* Effect 01 */
#sec4 {
	position: relative;
	overflow: hidden;
	height: 660px;
	cursor:pointer;
}
#sec4 .bg {
	width: 100%;
	height: 100%;
	background:url(../img/howto/sec4-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	transition: all .5s;	
}
#sec4:hover .bg {
	transform: scale(1.2);
}
#sec4 h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	padding-top: 239px;
	width: 100%;
	height: 421px;
	text-align:center;
}