/*# sourceURL=shared/css/index.css */
/*@ sourceURL=shared/css/index.css */
#key{
	background: url("../img/enjoy/header-bg.jpg") no-repeat center top / cover;
}


h2.txt-key{
	position: absolute;
	top: 566px;
	left: -182px;
}



#sec1{
	min-height: 1482px;
}

#sec1::before{
	content:"";
	top:0;
	left:0;
	position:absolute;
	background: url("../img/index/s1-deco.png") no-repeat left top;
	width: calc(50% + 1064px);
	height: 403px;
}

#sec1 .wrap{
	min-height: inherit;
}

#sec1 .wrap::before{
	content:"";
	left:-237px;
	top:48px;
	position:absolute;
	background: url('../img/enjoy/s1-spot-1.png') no-repeat center top;
	width: 1464px;
	height: 685px;
	z-index: -1;
}

#sec1 .wrap::after{
	content:"";
	left:-237px;
	top:733px;
	position:absolute;
	background: url('../img/enjoy/s1-spot-2.png') no-repeat center top;
	width: 1464px;
	height: 729px;
	z-index: -1;
}

#sec1 h2{
	padding-top: 109px;
	margin-left: -68px;
	position: relative;
}
#sec1 .ttl{
	padding-top: 354px;
	margin-left: 325px;
	position: relative;
}
#sec1 .img{
	position: absolute;
	top: 183px;
	left: -163px;
}
#sec1 .deco{
	position: absolute;
	bottom: 78px;
	right: -442px;
}

#sec1 .txt{
	padding-top: 20px;
	text-align: center;
}





#sec2{
	position: relative;
	min-height: 608px;
	background-image: url("../img/enjoy/s2-bg.jpg");
}

#sec2::before{
	content:"";
	left:0;
	top: 0;
	position:absolute;
	background:url("../img/shared/line.jpg") repeat-x top left;
	width: 100%;
	height: 9px;
}

#sec2::after{
	content:"";
	left:0;
	bottom: 0;
	position:absolute;
	background:url("../img/shared/line.jpg") repeat-x bottom left;
	width: 100%;
	height: 9px;
}

#sec2 h2{
	padding-top: 91px;
}



#sec3{
	background: url('../img/shared/bg-wood.jpg');
}
#sec3 .blk{
	min-height: 1645px;
	position: relative;
}

#sec3 .blk::before{
	content:"";
	top:0;
	right:-498px;
	position:absolute;
	background:url('../img/enjoy/s3-trans.png') no-repeat center top;
	width:1615px;
	height:854px;
}

#sec3 .blk .deco{
	position: absolute;
	top: 0;
	left: 8px; 	
}


#sec3 .blk h2{
	position: absolute;
	top: 65px;
	left: 39px;
}


#sec3 .blk .ttl{
	position: absolute;
	top: 949px;
	right: 3px; 
	z-index: 2;
}

#sec3 .blk .catch{
	position: absolute;
	top: 131px;
	left: 433px;
}

#sec3 .blk .img{
	position: absolute;
	top: 298px;
	right: -366px;
	z-index: 1;
}


#sec3 .blk .wrap-box{
	position: relative;
	padding-top: 1081px;
	margin-left: 404px;
	z-index: 1;
}
#sec3 .blk .wrap-box .box{
	width: 540px;
	color: #FFF;
	padding: 55px 60px;
	background: url('../img/shared/bg-red-trans.png');
}
#sec3 .blk .wrap-box .box .tit{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 12px;
}
#sec3 .blk .wrap-box .box .pr{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	text-align: center;
	padding: 29px 0 20px;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 3px;
}
#sec3 .blk .wrap-box .box .pr > span{
	font-size: 25px;
}
#sec3 .blk .wrap-box .box .txt{
	padding-top: 16px;
	font-weight: 500;
	text-align: center;
}


#sec3 .blk2{
	min-height: 1198px;
	position: relative;
	background: url('../img/shared/bg-wood-3.png');
}


#sec3 .blk2::before{
	content:"";
	top: -257px;
	left:0;
	position:absolute;
	background:url('../img/enjoy/s3-bg-top-wood.png') no-repeat center top / 100% 100%;
	width:100%;
	height:261px;
}

#sec3 .blk2::after{
	content:"";
	bottom:-260px;
	left:0;
	position:absolute;
	background:url('../img/enjoy/s3-bg-bot-wood.png') no-repeat center top / 100% 100%;
	width:100%;
	height:261px;
}

#sec3 .blk2 .ttl{
	position: absolute;
	top: -68px;
	left: -43px;
}
#sec3 .blk2 .ttl-2{
	position: absolute;
	top: 342px;
	right: -17px;
}
#sec3 .blk2 .deco{
	position: absolute;
	top: -49px;
	left: -300px;
}
#sec3 .blk2 .img{
	position: absolute;
	top: 16px;
	left: -498px;
}

#sec3 .blk2 .wrap-box{
	position: relative;
	padding-top: 649px;
	margin-left: 8px;
}
#sec3 .blk2 .wrap-box .box{
	width: 540px;
	color: #FFF;
	padding: 55px 60px;
	background: url('../img/shared/bg-red-trans.png');
}
#sec3 .blk2 .wrap-box .box .tit{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
#sec3 .blk2 .wrap-box .box .pr{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	text-align: center;
	padding: 31px 0 20px;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 3px;
}
#sec3 .blk2 .wrap-box .box .pr > span{
	font-size: 25px;
}
#sec3 .blk2 .wrap-box .box .txt{
	padding-top: 17px;
	font-weight: 500;
	text-align: center;
}


#sec3 .blk3{
	position: relative;
	min-height: 1780px;
}

#sec3 .blk3 .wrap{
	min-height: inherit;
}

#sec3 .blk3 .wrap::before{
	content:"";
	left:-400px;
	bottom:-215px;
	position:absolute;
	background:url('../img/enjoy/s3-trans-2.png') no-repeat center top;
	width:2084px;
	height:1487px;
	z-index: 2;
}


#sec3 .blk3 .deco-2{
	position: absolute;
	top: -127px;
	left: -122px;
}


#sec3 .blk3 .ttl{
	position: absolute;
	top: -127px;
	left: -122px;
	z-index: 2;
}
#sec3 .blk3 .ttl-2{
	z-index: 2;
	position: absolute;
	top: 177px;
	right: 0;
}
#sec3 .blk3 .ttl-4{
	position: absolute;
	top: 742px;
	left: -45px;
	z-index: 6;
}
#sec3 .blk3 .deco{
	position: absolute;
	top: 777px;
	left: -227px;
}
#sec3 .blk3 .img{
	z-index: 1;
	position: absolute;
	top: -42px;
	right: -234px;
}
#sec3 .blk3 .trans{
	position: absolute;
	bottom: -215px;
	left: -400px;
}

#sec3 .blk3 .wrap-box{
	position: relative;
	padding-top: 984px;
	margin-left: 24px;
	z-index: 4;
}
#sec3 .blk3 .wrap-box .box{
	width: 830px;
	color: #FFF;
	padding: 55px 60px;
	background: url('../img/shared/bg-red-trans.png');
}
#sec3 .blk3 .wrap-box .box .tit{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}
#sec3 .blk3 .wrap-box .box .pr{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	text-align: center;
	padding: 30px 0 20px;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 3px;
}
#sec3 .blk3 .wrap-box .box .pr > span{
	font-size: 25px;
}
#sec3 .blk3 .wrap-box .box .txt{
	padding-top: 13px;
	font-weight: 500;
	text-align: center;
}

#sec3 .blk3 .bnr{
	padding-top: 98px;
	text-align: center;
	position: relative;
	z-index: 4;
	box-shadow: 0px 24px 5px 0px rgba(0, 0, 0, 0.35);
}


#sec4{
	position: relative;
	min-height: 1872px;
	background: url('../img/shared/bg-4.jpg');
}

#sec4 .wrap{
	min-height: inherit;
}

#sec4::before{
	content:"";
	top:0;
	left:0;
	position:absolute;
	background:url('../img/enjoy/s4-bg-top.png') no-repeat left top / 100% 100%;
	width:100%;
	z-index: 0;
	height:347px;
}

#sec4 .deco{
	position: absolute;
	top: 245px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#sec4 .img{
	position: absolute;
	top: 525px;
	left: -70px;
}

#sec4 .img-2{
	position: absolute;
	bottom: 0;
	left: -402px;
}

#sec4 h2{
	padding-top: 347px;
	text-align: center;
}
#sec4 .txt{
	text-align: center;
	padding-top: 31px;
	font-weight: 500;
}
#sec4 .txt > span{
	color: #D50F0F;
}

#sec4 .txt .mini{
	color: #97796F;
	display: inline-block;
	font-weight: bold;
	transform: scaleY(2.5);
}

#sec4 .txt-2{
	padding-top: 170px;
	text-align: center;
	font-weight: 500;
}
#sec4 .txt-2 > span{
	color: #D50F0F;	
}

#sec4 .btn{
	padding-top: 60px;
	text-align: center;
}